vue.js部署项目页面空白问题

1,将项目打包 使用npm run build 命令,会在工程里生成dist文件夹
vue.js部署项目页面空白问题_第1张图片
2.2.在服务器上的Tomcat的 webapps文件夹下,新建一个文件夹如dist
vue.js部署项目页面空白问题_第2张图片
3.将tomcat shutdown以后upload到dist文件夹
4.如果上传以上出现空白页面,可以配置一下config 下的index.js文件里面的选项 ,assetsPublicPath 设置成绝对路径
vue.js部署项目页面空白问题_第3张图片
5.然后设置router文件夹下的index.js ,base加上这一行,就可以解决了。
vue.js部署项目页面空白问题_第4张图片
6成功,这是我测试服务器上的项目
vue.js部署项目页面空白问题_第5张图片

你可能感兴趣的:(vue)