如何允许在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。
当前回答
使用ng serve——host<您的IP>——port<如果有>则必须使用。 Ng serve——host=192.111.1.11——port=4545.使用实例 现在可以在编译结束时看到下面这行代码。
Angular Live Development Server正在监听192.111.1.11:4545,打开浏览器http://192.111.1.11:4545/ **。
其他回答
创建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
打开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
运行命令
ng serve --host=0.0.0.0 --disable-host-check
这将禁用主机检查,并允许从外部(而不是localhost)访问IP地址
我只是编辑了angular。Json文件在我的项目如下,它的工作
...
"serve": {
"builder": "@angular-devkit/build-angular:dev-server",
"options": {
"browserTarget": "project:build",
"host": "0.0.0.0"
},
...
使用ng serve——host<您的IP>——port<如果有>则必须使用。 Ng serve——host=192.111.1.11——port=4545.使用实例 现在可以在编译结束时看到下面这行代码。
Angular Live Development Server正在监听192.111.1.11:4545,打开浏览器http://192.111.1.11:4545/ **。