SpringBoot+VUE+Nginx 前后台分离WEB项目部署——Vue项目打包
VUE项目打包时需要进行以下router下index.js文件 和 config/index.js两个文件的修改。
(1)router下index.js文件修改
在router下添加如下配置
base: “/rdstd/”, //项目名称 访问路由页面都需要加上这个,访问的根路径为http://ip:port/rdstd
mode: “history”, //消去#
(2)config/index.js 文件修改
在build 标签下,将 assetsPublicPath: ‘/rdstd/’, 修改为项目名称
然后执行命令:
npm run build
打包完成后,参见dist目录下,index.html 文件和static文件夹正常生成。