vue-cli 3.0 創建的項目,打包後在服務器無法訪問,頁面空白,控制檯報錯

vue-cli 3.0 創建的項目,打包後在服務器無法訪問,頁面空白,控制檯報錯
dev下運行時正常的,但在打包後就不正常了,如下圖


經過各種百度所知,是因爲資源文件的引用路徑,打包後變了,導致路徑不正確,找不到文件。
又經過百度得知 vue-cli3.0把webpack封裝了,所以只需要在vue.config.js裏修改一下配置就可以了。
又經過百度得知 vue-lic3.0默認不會自動創建vue.config.js文件,所以我們需要手動在目錄下創建一個(和package.json,README.md等文件同級)

根據博客所知只需要在vue.config.js裏添加以下內容就可以了

module.exports = {
    //...
    baseUrl: './'
    //...
}

再次保存打包後提示:
WARN “baseUrl” option in vue.config.js is deprecated now, please use “publicPath” instead.

然後又把“baseUrl”單詞改成了“publicPath”

module.exports = {
    //...
    publicPath: './'
    //...
}```

 再次打包
 瀏覽發現可以正常在服務器訪問了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章