情況一:頁面空白且控制檯報錯
使用 npm run build 打包後,瀏覽器訪問dist/index.html文件時,無法加載js文件
解決方案:
在網上搜了很多方法,他們修改的配置文件都不適合vue-cli3.0,因爲vue-cli3.0的目錄結構如下:
- 1、此時需要自己新建一個文件:(根目錄下新建vue.config.js)
module.exports = {
publicPath: './',
}
- 2、再次重新打包即可正確訪問
情況二:頁面空白且但是控制檯不報錯
- 1、註釋掉路由的history模式
- 2、新建一個文件:(根目錄下新建vue.config.js)
參考情況一
- 3、打包即可
注意:此處使用baseUrl有可能會報警告,且無法打包,因爲官網已規定不再使用baseUrl
https://cli.vuejs.org/zh/config/#%E5%85%A8%E5%B1%80-cli-%E9%85%8D%E7%BD%AE