vue+webpack 打包文件 404 頁面空白的解決方法
更新時間：2018年02月28日 15:46:21 作者：xiaofenguo
下面小編就為大家分享一篇vue+webpack 打包文件 404 頁面空白的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
最近用vue-cli+vue-router+webpack建立項目，其中的遇到的三個問題，整理如下：
vue-cli+ webpack 建立的項目，cnpm run build 打包項目之后，需要放在http服務(wù)器上才可以運(yùn)行，
例如 ：nginx
vue單頁面的啟動頁面是index.html,路由的路徑實際是不存在的，所以會出現(xiàn)刷新頁面404的問題，需要設(shè)置所有找不到的路徑直接映射到index.html
1 刷新頁面404
配置啟動文件的index頁面的路徑root: D:/workPlace/mex-adx-web/mex-adx-web/dist
2 二級頁面刷新報錯：
打包的項目靜態(tài)資源的路徑需要設(shè)置為絕對路徑。如果是相對路徑會出錯
config-index.js
3 ：項目運(yùn)行沒有問題，但是打包之后運(yùn)行文件報錯
Unexpected token:`。。。
需要單獨配置babel，將配置放到文件.babelrc中：
以上這篇vue+webpack 打包文件 404 頁面空白的解決方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
JSX是一種Javascript的語法擴(kuò)展,JSX = Javascript + XML,即在 Javascript里面寫XML,因為 JSX 的這個特性,所以他即具備了 Javascript的靈活性,同時又兼具h(yuǎn)tml的語義化和直觀性,這篇文章主要給大家介紹了關(guān)于Vue中JSX的基本用法及高級部分的相關(guān)資料,需要的朋友可以參考下2022-11-11
獲取路由詳細(xì)內(nèi)容信息是我們?nèi)粘ｉ_發(fā)中經(jīng)常會遇到的需求,下面這篇文章主要給大家介紹了關(guān)于vue獲取路由詳細(xì)內(nèi)容信息的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-12-12
Vue?設(shè)置圖片不轉(zhuǎn)為base64的方式
這篇文章主要介紹了Vue實現(xiàn)設(shè)置圖片不轉(zhuǎn)為base64的方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-02-02
Vue3使用vant檢索組件van-search遇到的問題小結(jié)
當(dāng)清空按鈕與檢索按鈕同時居右時,點擊clear清空按鈕事件時會同時觸發(fā)click-right-icon事件,這個時候容易觸發(fā)一系列問題,小編小編給大家分享Vue3使用vant檢索組件van-search遇到的問題小結(jié),感興趣的朋友一起看看吧2024-02-02
本文主要介紹了ElementUI表格中添加表頭圖標(biāo)懸浮提示，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-12-12
學(xué)習(xí)vue.js中class與style綁定
這篇文章主要和大家一起學(xué)習(xí)vue.js中class與style綁定操作,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
Vue中關(guān)于異步請求數(shù)據(jù)未更新的解決
本文將探討Vue中異步請求數(shù)據(jù)未更新的常見原因,并提供解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2025-03-03
這篇文章主要介紹了Vue事件總線的使用方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2025-04-04
Vue實現(xiàn)Header漸隱漸現(xiàn)效果的實例代碼
這篇文章主要介紹了Vue實現(xiàn)Header漸隱漸現(xiàn)效果,本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-11-11
在Vue中, v-slot 指令用于定義插槽的模板內(nèi)容,v-slot 指令可以用于標(biāo)簽或組件標(biāo)簽上,以便在子組件中使用插槽,這篇文章主要介紹了vue v-slot指令,需要的朋友可以參考下2023-08-08