文章目录
一. Vue软件包部署
1 .封装(NPM运行构建: prod ) ) ) ) ) )。
2.nginx部署前端vue项目
二. Springboot软件包部署
1 .打包(mvn clean package ) )。
2 .部署
三、大功告成!
一. Vue软件包部署
1 .封装(NPM运行构建: prod ) ) ) ) ) )。
键入后,如果在src对等目录下生成dist文件,然后单击index.html页面在浏览器中打开,则会检测到错误
解决步骤:
打开webpack.dev.conf.js文件,找到public path : config.dev.assetspublicpath,按Ctrl键单击,然后跳转到索引. js文件
其中dev是开发环境,build是构建版本,使其找到build下的assetspublicpath :‘/’,并添加到assetspublicpath 3360‘. /’,即“/”之前
重新运行NPM运行构建
2.nginx部署前端vue项目
将已完成的dist文件夹拖到服务器(/home/Lao Wang/lw-music/lw-music-client )
配置nginx.conf文件(/usr/local/web服务器/nginx/conf/nginx.conf )
换下两个地方
打开浏览器访问主机,查看其是否成功。
二. Springboot软件包部署
1 .打包(mvn clean package ) )。
mvn clean package,查看以下jar包成功!
首先是否能够在本地行驶(java -jar *** ) ) ) ) ) ) )。
启动命令为
//开发环境
Java-jar * *.jar-- spring.profiles.active=dev
//测试环境
Java-jar * *.jar-- spring.profiles.active=QA
//生产环境
nohup Java-jar lw-music-server-0.0.1-snapshot.jar-- spring.profiles.active=prod
2 .部署
将jar包拖到服务器上
运行nohup Java-jar lw-music-server-0.0.1-snapshot.jar-- spring.profiles.active=prod
cat nohup日志文件检查控制台是否正常工作
所有120.78.211.205/music请求均为8150端口的location /music/{
proxy_set_header Host $http_host;
proxy _ set _ headerx-real-IP $ remote _ addr;
proxy _ set _ header remote _ host $ remote _ addr;
proxy _ set _ headerx-forwarded-for $ proxy _ add _ x _ forwarded _ for;
proxy _ pass http://120.78.211.20533608150/music /
}
注:如果nginx与/music匹配,则原始路径的/music将被剪切,因此传输路径需要地址匹配的路径
三、大功告成!
坑爹一幕: nginx默认情况下过滤请求头中包含的下划线属性。 这次剪了我的token。 坑爹!
解决方法将以下内容添加到:nginx的http配置中: 默认值为off。 不允许下划线属性。
underscores_in_headers on;