VUE 解決mode為history頁面為空白的問題
更新時間：2019年11月01日 13:56:39 作者：zhooson
今天小編就為大家分享一篇VUE 解決mode為history頁面為空白的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
當(dāng)router.js 中mode:history 發(fā)現(xiàn)刷新頁面 不顯示了，原因出來history的請求路徑資源不存在了，這個需要后端配置的，
前端 需要修改一個地方即可,
devServer: {
port: 8000,
host: '0.0.0.0',
overlay: {
errors: true
},
hot: true,
historyApiFallback: {
index: '/index.html'
}
},
新增historyApiFallback這個個功能，然后的index的路徑需要配置output輸出的Publicpath的配合使用
publicPath:'/public/'
對應(yīng)的路徑 index:'/public/index.html'
重啟webpack，刷新頁面就好了
以上這篇VUE 解決mode為history頁面為空白的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
Nginx同一端口部署多個前后端分離的vue項(xiàng)目完整步驟
最近做項(xiàng)目結(jié)構(gòu)優(yōu)化,前端項(xiàng)目都是部署在nginx上,想實(shí)現(xiàn)同一個端口可以訪問多個前端項(xiàng)目,所以就有了本文,這篇文章主要給大家介紹了關(guān)于Nginx同一端口部署多個前后端分離的vue項(xiàng)目的相關(guān)資料,需要的朋友可以參考下2023-10-10
詳解如何使用Vue實(shí)現(xiàn)圖像識別和人臉對比
隨著人工智能的發(fā)展，圖像識別和人臉識別技術(shù)已經(jīng)被廣泛應(yīng)用于各種應(yīng)用程序中，Vue為我們提供了許多實(shí)用工具和庫，可以幫助我們在應(yīng)用程序中進(jìn)行圖像識別和人臉識別，在本文中，我們將介紹如何使用Vue進(jìn)行圖像識別和人臉對比,需要的朋友可以參考下2023-06-06
這篇文章主要介紹了nuxt 頁面路由配置,主頁輪播組件開發(fā)操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
Vue tagsview實(shí)現(xiàn)多頁簽導(dǎo)航功能流程詳解
基本上后臺管理系統(tǒng)都需要有多頁簽的功能，但是因?yàn)橐恍┠_手架項(xiàng)目基本都把這個功能給集成好了，導(dǎo)致在學(xué)習(xí)或者修改的時候不知道該如何下手。今天這篇文章就來聊一聊，vue-element-admin項(xiàng)目是如何實(shí)現(xiàn)多頁簽功能的2022-09-09
這篇文章主要為大家介紹了vue3中如何使用shaka-player示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
解決vue elementUI 使用el-select 時 change事件的觸發(fā)問題
這篇文章主要介紹了解決vue elementUI 使用el-select 時 change事件的觸發(fā)問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
vue.js項(xiàng)目使用原生js實(shí)現(xiàn)移動端的輪播圖
這篇文章主要為大家介紹了vue.js項(xiàng)目中使用原生js實(shí)現(xiàn)移動端的輪播圖，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-04-04
這篇文章主要為大家介紹了Vue編程格式化代碼屬性及自動換行問題，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-06-06
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)分頁欄效果，分頁欄設(shè)計(jì)的步驟與實(shí)現(xiàn)方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-06-06
這篇文章主要介紹了vue組件內(nèi)部引入外部js文件的方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-01-01