解決:vue打包後無法在本地正常運行

解決:vue打包後無法在本地正常運行,僅限於在本地運行,在服務器上運行,需要修改爲絕對路徑,即默認的路徑

1.vue-cli3以上的解決辦法:

方法一:在vue.config中配置添加屬性,新建vue.config文件  參考 vue.config配置

module.exports = {
   publicPath:  './',
    //這裏可以是空的字符串,也可以是'./',這樣就表示全部的assets資源路徑用相對路徑

}

 方法二:在vue ui界面直接修改,將公共路徑修改空或者爲./

 

2.vue-cli2.0的解決辦法:

運行打包命令:npm run build

生成了dist文件夾

點擊 index.html,瀏覽器顯示空白,原因是打包路徑配置成了絕對路徑:assetsPublicPath: '/',

解決辦法:在config/index.js文件中將打包路徑配置爲相對路徑:assetsPublicPath: './',//在路徑前面加一個點

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