最近有朋友问,说vue打包后页面内容在本地访问是空白的,下面我来总结下打包后常见的几种情况

  1. 页面直接显示空白
    修改vue.config.js中publicPath为' ./ '即可注意这里的publicPath 为build下微信截图_20200304113914.png
    确保vue-router模式为hash模式

    在修改以上设置前,打开页面会显示资源文件加载不出来,webpack打包后index.html后,默认引入文件没有引号,这里的解决方案是:
    找到webpack.prod.conf.js,在文件中找到minify中的removeAttributeQuotes:true改为false

  2. 图片、图标显示不出来
    打开until.js文件,在下方地方添加一行代码
    微信图片_20200304114137.png

巧巧
57 声望4 粉丝