记录一次vue+springboot项目打包部署到服务器上
2019-08-14 15:19
1361 查看
版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_35092472/article/details/99566842
1.打包vue项目
打包vue项目前需要修改一下vue项目
1.1 build目录下的utils.js添加 publicPath: ‘…/…/’(否则打包后项目图标可能显示不出来)
1.2 config目录下index.js里assetsPublicPath: ‘/’ 变成assetsPublicPath: ‘./’(否则打包后会出现js文件路径找不到)
运行npm run build生成dist文件夹,即为前端项目
2.打包springboot项目
使用maven进行打包,点击idea右侧maven的package或运行mvn clean package命令
在项目的target目录生成jar包
3.上传前后端打包文件到服务器并运行jar包
我这里使用xftp6上传到服务器,nohup java -jar menu-0.0.1-SNAPSHOT.jar &运行后端jar包
4.使用nginx来进行代理转发
下载nginx centos7如何安装nginx
配置nginx.conf文件
server { listen 1212; server_name localhost; #charset koi8-r; #access_log logs/host.access.log main; location / { root /root/dist; index index.html; } location /user/ { proxy_pass http://127.0.0.1:7771/user/; proxy_set_header Host $proxy_host; proxy_set_header X-Real-Ip $remote_addr; proxy_set_header X-Forwarded-For $remote_addr; } }
还要设置nginx用户否则访问会报403错误
将#user nobody; 改成user root; (我的服务器用户是root)
访问前端地址,成功部署
相关文章推荐
- 记录一次weblogic部署springboot项目
- springboot web项目打包成 jar包部署在服务器
- 前后端分离,springBoot项目后台代码打包部署到腾讯云服务器
- 通过eclipse把spring boot项目打包成war包并部署到tomcat服务器上的步骤
- springboot 项目 打包 部署到远程tomcat服务器
- 聚合 Spring boot + maven项目打包和linux部署
- 后端spring boot项目和后台ant design pro项目部署到服务器
- weblogic部署SpringBoot项目中的问题记录——问题一
- 使用Cloud Toolkit部署SpringBoot项目到服务器
- Vue项目webpack打包部署到服务器的实例详解
- 简单记录下在Tomcat上部署Spring Boot项目
- Spring Boot项目打包部署到外置tomcat并运行
- SpringBoot项目如何进行打包部署,打包干什么用的?
- vue项目部署在阿里云服务器上的nginx配置过程 -踩坑记录
- 部署springboot项目和前端vue(一)
- SpringBoot项目打包war并部署到Tomcat中
- spring boot项目打包部署过程
- Spring boot 项目在本地正常运行,部署到服务器出现问题
- 将springboot打包部署到服务器(Tomcat)上
- springboot项目的打包部署(gralde和maven)