vue2項目 ：在hosts裏面配置了裝逼的模式。設置應用在127.0.0.1:80端口訪問； 並將127.0.0.1指向www.yours.com ；問題「 Invalid Host header」

轉自博客：https://www.cnblogs.com/cynthia-wuqian/p/8575401.html

 

1.MAC設置應用在127.0.0.1：80端口訪問：

config/index.js目錄下修改host和port

而後sudo運行npm run dev:(mac的80端口是被自身分享應用佔用的，使用的話須要root權限)

sudo npm run dev

 運行完後，在127.0.0.1:80下能訪問應用了。可是，在www.yours.com下，頁面上會出現"Invalid Host header"。按照下面解決。

 

 

2.解決"Invalid Host header"

打開build/webpack.dev.conf.js文件，搜索「devServer」，添加以下配置 

disableHostCheck: true,//解決127.0.0.1指向其餘域名時出現"Invalid Host header"問題

設置完成後，再從新sudo npm run dev ，訪問www.yours.com就是你以前在localhost:8080下的應用了。