vue局域网内使用电脑名访问出现Invalid Host header的解决版本
一、问题描述
当前局域网内搭建vue项目,默认使用localhost访问项目服务器,需要另外一台电脑访问时,需要使用该服务器的IP + 端口号才能访问。而服务器因为种种原因ip地址不固定,经常需要变化,此时其他电脑要访问就需要先到服务器查看服务器的地址,非常麻烦。
如果能使用电脑名 + 端口号的方式访问,前提是局域网内的电脑名均不相同,那就可以解决这个问题。
尝试在vue中修改host 由 localhost变为电脑名(电脑可通过右键计算机 - 属性 查看):
运行:
访问出错,提示:
二、解决方案
参考:解决vue项目中的“Invalid Host header”