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