如何允许在Angular2中访问本地主机之外的对象?我可以在localhost:3030/panel轻松导航,但当我写我的IP如10.123.14.12:3030/panel/时,我无法导航。

您能告诉我怎么修吗?我没有使用npm(节点项目管理-节点安装/节点启动)来安装和运行项目。

如果你需要,我可以提供我的包裹。Json和index.html。


当前回答

如果你在Docker内部遇到同样的问题,那么你可以在Dockerfile中使用下面的CMD。

CMD ["ng", "serve", "--host", "0.0.0.0"]

或完成Dockerfile

FROM node:alpine
WORKDIR app
RUN npm install -g @angular/cli
COPY . .
CMD ["ng", "serve", "--host", "0.0.0.0"]

其他回答

打开cmd并导航到项目位置,即为项目运行npm install或ng serve的位置。

然后执行命令- ng serve——host 10.202.32.45,其中10.202.32.45是您的IP地址。

您将能够在10.202.32.45:4200访问您的页面,其中4200是您的端口号。

注意:如果你使用这个命令服务你的应用程序,那么你将无法访问localhost:4200

不包。Json需要更改。

对我来说,它的工作原理是:

ng serve --host=0.0.0.0 --port=5999 --disable-host-check

主持人:http://localhost: 5999 /

使用ng serve——host 0.0.0.0命令解决了我的问题。使用192.168.x。X:5200才能从另一台机器上访问应用程序。

此外,检查客户端和服务器上的防火墙规则(暂时禁用防火墙或创建允许流量的规则)

创建proxy.conf.json并粘贴此配置

{  
"/api/*":
    {    
        "target": "http://localhost:7070/your api project name/",
        "secure": false,
        "pathRewrite": {"^/api" : ""}
    }
}

替换:

let url = 'api/'+ your path;

在CLI下运行:

ng serve  --host port.number —-proxy-config proxy.conf.json

运行命令

ng serve --host=0.0.0.0 --disable-host-check

这将禁用主机检查,并允许从外部(而不是localhost)访问IP地址