springboot+vue/react工程如何部署在ngix？

  • Z时代
  • 2024-01-10
  • 分类：综合

react

前端vue/react工程部署ngix方法：

1、前端vue/react工程打完包之后，上传到ngix服务器相应目录；（建议：前端工程应配置工程服务名，也就是publicPath，如不配置，ngix访问的时候可以直接IP或者域名访问，多个工程不友好）

2、ngix作相应配置，大概如下：

location /edu-platform {
    root  /data/mystatic/;
    index  index.html index.htm;
    try_files $uri /edu-platform/index.html;             
}

注意：前端vue/react工程，如果路由模式为history模式，则ngix配置应加上try_files（不配置刷新页面会出现404错误），也就是ngix会尝试从硬盘找到index.html文件，将这个文件发送给用户。路由模式为hash模式，则不需要配置；

3、如果后端未配置跨域，则可以在ngix配置反向代理，相关配置如下：

location /vue-mall-api {
    rewrite ^/vue-mall-api/(.*)$ /$1 break;
    proxy_pass http://127.0.0.1:5000;
}

springboot工程部署ngix方法：

springboot工程可以打包成jar包或war包，相应部署服务器上也有多种方法，这里只介绍将jar包部署在ngix上

1、springboot工程打包，可通过mvn install命令打包，也可以在idea中，clean package打包；

2、上传jar包到服务器相应目录；

3、在jar包同级目录新建application.properties配置文件，在里面可以加入springboot工程不同环境配置，比如工程名、端口、mysql配置等等。（当然也可以不用新建此文件，直接用工程里的配置即可，但这样，每次打包前需要修改不同环境，比较繁琐且容易出错）。

4、ngix做相应配置，可参考配置如下：

#edu-platform-server
location /edu-platform-server {
    proxy_set_header Host $host;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_pass http://127.0.0.1:6180;
}

其中，location斜杠后面的对应就是工程名，下面的端口也要和springboot工程的端口保持一致；

5、用nohup守候进程方式运行jar包，命令如下：

nohup java -jar xxxxx.jar --spring.config.location=./application.properties >temp.log 2>&1 &

此命令，指定了jar运行的配置文件以及日志输入方式。

至此，前后端分离的spingboot+vue/react工程部署完毕。

6、查看springboot工程进程，可用命令

ps -ef|grep java

7、杀死进程

kill -9 pid

以上是 springboot+vue/react工程如何部署在ngix？ 的全部内容， 来源链接： utcz.com/z/381751.html

回到顶部