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

1，将项目打包使用npm run build 命令，会在工程里生成dist文件夹2.2.在服务器上的Tomcat的 webapps文件夹下,新建一个文件夹如dist3.将tomcatshutdown以后upload到dist文件夹4.如果上传以上出现空白页面，可以配置一下config下的index.js文件里面的选项，assetsPublicPath 设置成绝对路径5.然...

杜杜的杜

2717人浏览 · 2018-11-27 09:45:35

杜杜的杜 · 2018-11-27 09:45:35 发布

1，将项目打包使用npm run build 命令，会在工程里生成dist文件夹
在这里插入图片描述
2.2.在服务器上的Tomcat的 webapps文件夹下,新建一个文件夹如dist

3.将tomcat shutdown以后upload到dist文件夹
4.如果上传以上出现空白页面，可以配置一下config 下的index.js文件里面的选项，assetsPublicPath 设置成绝对路径
在这里插入图片描述
5.然后设置router文件夹下的index.js ，base加上这一行，就可以解决了。

6成功，这是我测试服务器上的项目

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^