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

一、问题描述

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

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

尝试在vue中修改host 由 localhost变为电脑名（电脑可通过右键计算机 - 属性 查看）：

运行：

访问出错，提示：

二、解决方案

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