如何允许在Angular2中访问本地主机之外的对象?我可以在localhost:3030/panel轻松导航,但当我写我的IP如10.123.14.12:3030/panel/时,我无法导航。
您能告诉我怎么修吗?我没有使用npm(节点项目管理-节点安装/节点启动)来安装和运行项目。
如果你需要,我可以提供我的包裹。Json和index.html。
如何允许在Angular2中访问本地主机之外的对象?我可以在localhost:3030/panel轻松导航,但当我写我的IP如10.123.14.12:3030/panel/时,我无法导航。
您能告诉我怎么修吗?我没有使用npm(节点项目管理-节点安装/节点启动)来安装和运行项目。
如果你需要,我可以提供我的包裹。Json和index.html。
当前回答
问题出在防火墙上。如果您在Windows上,请确保允许节点通过
其他回答
问题出在防火墙上。如果您在Windows上,请确保允许节点通过
使用ng serve——host 0.0.0.0命令解决了我的问题。使用192.168.x。X:5200才能从另一台机器上访问应用程序。
此外,检查客户端和服务器上的防火墙规则(暂时禁用防火墙或创建允许流量的规则)
一个可能会帮助到某人的快速解决方案:
添加这一行作为启动ng serve——host 0.0.0.0——disable-host-check的值 在package.json中
ex:
{
"ng": "ng",
"start": "ng serve --host 0.0.0.0 --disable-host-check",
"build": "ng build",
}
然后简单地执行start或npm run start
您将能够从其他本地ip访问您的项目。
创建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
对于使用节点项目管理器的人,这一行也添加到包中。Json就足够了。对于angular CLI用户来说,mast3rd3mon的答案是正确的。
你可以添加
"server": "webpack-dev-server --inline --progress --host 0.0.0.0 --port 3000"
对package.json