使用vue-cli4创建的项目写完后,直接执行npm run build打包,点开dist文件夹中index.html文件。
没错,啥都没有。看控制台,报错了
经百度搜索,发现需要配置一下路径。根目录下新建一个vue.config.js文件,文件中写下下面三行代码。
module.exports={
publicPath:"./", //用法和webpack本身的output.publickPath用法一致
}
重新打包,浏览器打开index.html文件,完美,一切正常显示了。
具体关于vue.config.js的更多配置见官网:https://cli.vuejs.org/zh/config/#vue-config-js