自己用局域网的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访问

Logo

前往低代码交流专区

更多推荐