关于vue-cli4创建的项目打包的问题

使用vue-cli4创建的项目写完后,直接执行npm run build打包,点开dist文件夹中index.html文件。

没错,啥都没有。看控制台,报错了

关于vue-cli4创建的项目打包的问题_第1张图片

经百度搜索,发现需要配置一下路径。根目录下新建一个vue.config.js文件,文件中写下下面三行代码。

module.exports={
    publicPath:"./", //用法和webpack本身的output.publickPath用法一致
}

重新打包,浏览器打开index.html文件,完美,一切正常显示了。

具体关于vue.config.js的更多配置见官网:https://cli.vuejs.org/zh/config/#vue-config-js

你可能感兴趣的:(vue)