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