vue項目中的遇錯:Invalid?Host?header問題
更新時間：2023年07月26日 08:32:39 作者：sayyy
這篇文章主要介紹了vue項目中的遇錯:Invalid?Host?header問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
vue項目遇錯:Invalid Host header
現(xiàn)象
在A服務器上使用npm run serve 啟動項目，訪問A服務器的地址，無錯誤。
在B服務器上使用nginx代理到A服務器，訪問B服務器的地址，遇錯“Invalid Host header”。
解決辦法
在vue.config.js的devServer節(jié)點下加入disableHostCheck: true配置項。
vue-cli4.x項目啟動本地出現(xiàn) invalid host header的原因
近段時間有個項目是單點登錄的，項目里需要獲取用戶token，故本地配置host文件來訪問線上項目，拿到cookie存儲的用戶token，所以配置了hosts文件。
之前用過vue-cli2.x,我們只需要配飾hosts文件就可以了。
因為webpack是默認設置可配置host，但是新版的vue-cli4.x將這項配置獨立出來，需要我們手動配置，其實也很簡單，只需在vue.config.js文件中添加一個屬性并設置值為true
module.exports ={
devServer: {
// 本地配置host生效
disableHostCheck:true,
},
}總結
以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了vue踩坑之backgroundImage路徑問題及解決，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
這篇文章主要介紹了如何獲取vue單文件自身源碼路徑，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-05-05
這篇文章主要介紹了Vue開發(fā)中的動態(tài)組件與緩存組件及異步組件的使用教程，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-09-09
Vue 2.0的數(shù)據(jù)依賴實現(xiàn)原理代碼簡析
本篇文章主要介紹了Vue 2.0的數(shù)據(jù)依賴實現(xiàn)原理代碼簡析，主要從初始化的數(shù)據(jù)層面上分析了Vue是如何管理依賴來到達數(shù)據(jù)的動態(tài)響應，有興趣的可以了解一下2017-07-07
這篇文章主要介紹了js 實現(xiàn)拖拽排序，拖拽排序對于小伙伴們來說應該不陌生，平時工作的時候，可能會選擇使用類似Sortable.js這樣的開源庫來實現(xiàn)需求。但在完成需求后，大家有沒有沒想過拖拽排序是如何實現(xiàn)的呢？感興趣得話一起來看看下面文章得小心內容吧2021-11-11
這篇文章主要介紹了Vue首屏白屏問題的原因和解決方法講解，Vue首屏白屏問題是指在頁面初次加載時，部分或全部內容無法正常顯示，出現(xiàn)空白的情況。其原因可能是因為頁面渲染速度過慢，或者是因為網(wǎng)絡請求等問題導致數(shù)據(jù)無法及時加載2023-05-05
淺談vue中document.getElementById()拿到的是原值的問題
這篇文章主要介紹了淺談vue中document.getElementById()拿到的是原值的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
vue中使用vue-pdf組件實現(xiàn)文件預覽及相應報錯解決
在需求中,經常遇見pdf的在線預覽效果,很多pdf插件不支持vue3,或者是沒有集成翻頁放大縮小功能,比如vue-pdf,下面這篇文章主要給大家介紹了關于vue中使用vue-pdf組件實現(xiàn)文件預覽及相應報錯解決的相關資料,需要的朋友可以參考下2022-09-09
這篇文章主要介紹了vue函數(shù)@click.prevent的使用解析，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要介紹了Vue自動化注冊全局組件腳本，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-03-03