vue cli3.0项目打包部署服务器
1.在项目根目录下创建vue.config.js2.打开vue.config.js编辑module.exports = {outputDir: '你的项目名',assetsDir:'static',publicPath:'',}3.执行 npm run build 生成dist(该文件夹的名字为你vue.config.js里outputDir设置的名字一直)文件夹...
·
1.在项目根目录下创建vue.config.js
2.打开vue.config.js编辑
module.exports = {
outputDir: '你的项目名',
assetsDir:'static',
publicPath:'',
}
3.执行 npm run build 生成dist(该文件夹的名字为你vue.config.js里outputDir设置的名字一直)文件夹
npm run build
4.部署到tomcat服务器上直接访问http://localhost:8080/生成文件夹名字
5.若出现白屏问题,主要有两个原因
1.静态资源访问不到
2.路由问题
1)静态资源访问不到有很多原因,最主要的就是vue.config.js里的publicPath设置,一般我们设置为’'如:
还有要注意vue.config.js文件要创建在项目根目录,如:
2)目前主要针对路由问题
可以将mode修改为hash模式
对首页的访问可以多加一个空白选项
更多推荐
已为社区贡献1条内容
所有评论(0)