文章目录
一、Vue打包+部署
1. 打包(npm run build:prod)
2.nginx部署前端vue项目
二、Springboot打包+部署
1.打包(mvn clean package)
2.部署
三、大功告成!
一、Vue打包+部署
1. 打包(npm run build:prod)
打完之后会在src同级目录下生成dist文件下,点开index.html页面在浏览器打开,会发现报错
解决步骤:
打开webpack.dev.conf.js文件,找到publicPath: config.dev.assetsPublicPath,按Ctrl点击,跳转到index.js文件
其中dev是开发环境,build是构建版本,找到build下面的assetsPublicPath: ‘/’,然后修改为assetsPublicPath: ‘./’,即“/”前加点。
重新运行npm run build
2.nginx部署前端vue项目
把打完的dist文件夹拉至服务器(/home/laowang/lw-music/lw-music-client)
配置nginx.conf文件(/usr/local/webserver/nginx/conf/nginx.conf)
改下面2处地方
浏览器打开访问主机,看是否成