【Angular】ng serve开服务器后通过局域网ip访问不了解决方案

自己用局域网的ip访问自己开的服务器都不行，防火墙也检查过了，又测试vue项目是可以的，查询了下angular项目要配置一下，说webpack-dev-middleware 默认不允许IP远程访问。

所在的项目配置了一下package.json文件，start命令后加入 --host 0.0.0.0发现成功了，核心代码如下：

{
  "scripts": {
    "ng": "ng",
    "start": "ng serve --proxy-config proxy.config.json --open --host 0.0.0.0",
    "build": "ng build",
    "watch": "ng build --watch --configuration development",
    "test": "ng test"
  }
 }

这样配置后，直接在项目根目录下敲： npm run start 通过局域网ip就能访问起的服务器了

核心配置

ng serve --open --host 0.0.0.0

但发现这个angular不太建议使用，有警告：

使用的angular版本：12.2.5

记录以便后期使用方便查阅，如果你也看到该文希望能给你带来启发和帮助。

参考：
angular4项目中使用ng server启动 别人在局域网里访问无效

局域网访问angular项目遇到的问题

localhost、127.0.0.1、本机ip、0.0.0.0 的区别

angular6 开发环境允许局域网IP访问