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