VUE cli打包后打开白屏解决办法

使用vue cli脚手架可以快速搭建开发环境，但是开发完以后想要在本地浏览器打开的时候却是白屏的。What the F ???? 一番折腾终于找到解决办法。项目环境版本：vue 2.5vue-cli2.9 (3.0版本需要使用Vue.config.js配置，请自行参考官方文档)webpack 3.6解决办法：找到 config/index.js 文件修改build字段中...

王天平·Jason Wong

5917人浏览 · 2019-01-08 14:33:17

王天平·Jason Wong · 2019-01-08 14:33:17 发布

使用vue cli脚手架可以快速搭建开发环境，但是开发完以后想要在本地浏览器打开的时候却是白屏的。What the F ???? 一番折腾终于找到解决办法。

项目环境版本：

vue-cli2.9 (3.0版本需要使用Vue.config.js配置，请自行参考官方文档)

webpack 3.6

解决办法：

找到 config/index.js 文件

修改build字段中的assetsPublicPath:'/' 为assetsPublicPath:'./'，在 "/" 前面添加一个点，就是这么简单。

THE END

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