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下的應用了。