vue npm run build打包之后项目打开一片空白,解决办法

vue项目使用npm run build打包之后,项目打开一片空白,如下图:这是因为在打包的时候,没有修改路径,build默认打包路径是根路径,所以需要在修改的文件路径如下1.config文件下的index.js,下图是默认设置修改后的结果:2.build文件下的utils.js文件下的3.build文件下的webpack.prod.conf.js文...

南有樛木。

16143人浏览 · 2019-09-03 14:32:11

南有樛木。 · 2019-09-03 14:32:11 发布

vue项目使用npm run build打包之后,项目打开一片空白,如下图:

这是因为在打包的时候,没有修改路径,build默认打包路径是根路径,所以需要在修改的文件路径如下

1.config文件下的index.js,下图是默认设置

修改后的结果:

2.build文件下的utils.js文件下的

3.build文件下的webpack.prod.conf.js文件下的

这样打包好的文件就可以正常打开了

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}$/, //不连续的两位字母// /^