vue局域网内使用电脑名访问出现Invalid Host header的解决版本

一、问题描述

当前局域网内搭建vue项目,默认使用localhost访问项目服务器,需要另外一台电脑访问时,需要使用该服务器的IP + 端口号才能访问。而服务器因为种种原因ip地址不固定,经常需要变化,此时其他电脑要访问就需要先到服务器查看服务器的地址,非常麻烦。

如果能使用电脑名 + 端口号的方式访问,前提是局域网内的电脑名均不相同,那就可以解决这个问题。

尝试在vue中修改host 由 localhost变为电脑名(电脑可通过右键计算机 - 属性 查看):
vue局域网内使用电脑名访问出现Invalid Host header的解决版本
运行:
vue局域网内使用电脑名访问出现Invalid Host header的解决版本

访问出错,提示:
vue局域网内使用电脑名访问出现Invalid Host header的解决版本

二、解决方案

参考:解决vue项目中的“Invalid Host header”

vue局域网内使用电脑名访问出现Invalid Host header的解决版本