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

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

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


当前回答

在Angular版本11(也许还有一些更早的版本)中,public-host选项对我来说很有用,例如:

$ ng serve --host 0.0.0.0 --public-host app.mypublicdomain.com

其他回答

打开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

您可以使用以下命令访问您的ip。

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

如果你正在使用npm,并且想要避免每次都运行这个命令,我们可以在包中添加下面的行。Json文件在脚本部分。

"scripts": {
    ...
    "start": "ng serve --host 0.0.0.0 --disable-host-check"
    ...
}

然后,您可以使用以下命令运行您的应用程序,以便从同一网络中的其他系统访问。

npm start

我只是编辑了angular。Json文件在我的项目如下,它的工作

...

    "serve": {
    "builder": "@angular-devkit/build-angular:dev-server",
    "options": {
      "browserTarget": "project:build",
      "host": "0.0.0.0"
    },
...

使用ng serve——host 0.0.0.0将允许您使用您的ip而不是localhost连接到ng serve。

EDIT

在较新的cli版本中,您必须提供本地ip地址

编辑2

在cli的新版本中(我认为是v5或更高版本),您可以再次使用0.0.0.0作为ip,为网络上的任何人托管它。

顺便提一下 确保您的连接在操作系统设置中设置为Public。

运行命令

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

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