前幾天寫一個項目,臨時需要打包出一個html文件,用 npm run build 命令打包以后發現index.html打開以后頁面是空白的,出現這樣的報錯:
報這個錯的原因其實是生成的index.html文件中引入的文件路徑出現問題,需要修改 publicPath
我就去找config文件下的index.js文件,找不到,才想到vue-cli3.0版本搭建的項目已經把相關的設置放在了 根目錄 vue.config.js 下
沒有這個文件的自己去根目錄下創建一個也可以,里面的結構是這樣的:
module.exports里面具體的配置項可以去vue官網打開vue-cli下配置參考,里面會有具體的每一項配置: https://cli.vuejs.org/zh/config/#%E5%85%A8%E5%B1%80-cli-%E9%85%8D%E7%BD%AE
我們需要在js中添加修改的一項配置是 publicPath: './' 或者是 publicPath: ' ' , 二者都可以
這是基本路由,默認的路徑貌似是'/’,修改這個路徑以后,頁面就可以出來了,其余和打包相關的配置自己看着來就可以了,參考上給出的網址,官網講解很詳細的
------以上全是個人理解,給我這種還搞不太明白各種配置的新手參考一下,大佬看見別笑話,謝謝