如何允许访问外部本地主机

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

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

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

当前回答

对我来说，它使用“ng serve -open -host 0.0.0.0”，但有一个警告

警告:这是一个简单的服务器，用于测试或调试Angular应用程序本地。它还没有被审查安全问题。

将此服务器绑定到打开的连接可能会损害您的应用程序或电脑。使用不同于传递给"——host"标志的主机可能会导致 Websocket连接问题。你可能需要使用"——disableHostCheck"如果那是的情况。

其他回答

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

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

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

这对我来说非常有效(甚至使用一个a主机指向该IP的公共IP)。

使用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/ **。

如果你在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"]

你也可以使用ngrok自省所有在隧道上运行的HTTP流量，然后你可以使用ngrok HTTP——host-header=rewrite 4200来公开

推荐文章