SpringBoot + Vue + nginx项目部署
1.nginx安装参照https://blog.csdn.net/qq_22027637/article/details/817760922.将springboot项目打包上传到服务器,开启服务启动springboot项目可以用二种方式:(1)nohup java -jar demo.jar & ..
1.nginx安装参照https://blog.csdn.net/qq_22027637/article/details/81776092
2.将springboot项目打包上传到服务器,开启服务
启动springboot项目可以用二种方式:(1)nohup java -jar demo.jar &
(2)nohup java -jar demo.jar & > log.file 2>&1 &
3.vue项目打包上传到服务器: npm run build
打包后会生成静态页面,在项目根路径的dist文件夹下面,将该文件夹移到服务器的某个目录下,我这里是/root/ncp
4.修改nginx配置文件,配置文件默认是/usr/local/nginx/conf/nginx.conf
location / {
root /root/vueproject/dist; //vue项目部署路径
try_files $uri $uri/ /index.html last; //解决页面刷新404问题
index index.html index.htm;
}
另外在nginx配置文件nginx.conf头部加上user root;
重启nginx,进入/usr/local/nginx/sbin
./nginx -s reload
访问http://ip:nginx端口号,例如http:127.0.0.1/9000,即可访问页面,至此vue项目前台就部署完成了
再次修改nginx配置文件nginx.conf,在nginx.conf中增加
location /manager/ {
proxy_pass http://127.0.0.1:9006/; //springboot项目端口
}
重启nginx
访问http://ip:nginx端口号,即可实现与后台交互
转载自:https://blog.csdn.net/liangsu1314/article/details/82893302
更多推荐
所有评论(0)