首页 > 编程知识 正文

docker部署vue项目,vue工程如何打包部署运行

时间:2023-05-04 12:57:09 阅读:145375 作者:4901

文章目录

一. 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;

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。