时间戳

首页 > 解决方案 > 我可以同时为前端和后端设置 ngrok 吗？

.net - 我可以同时为前端和后端设置 ngrok 吗？

问题描述

我想同时为前端和后端设置 ngrok，这是不可能的，因为我的前端在 Angular 6 上，而后端在 .net 核心中。

当前端和后端都在同一主机和端口上时，我实现了 ngrok。（两者都在 .Net 和 MVC 中）。所以他们在同一个端口上运行。

现在，我想知道是否有其他方法可以做到这一点。

我的 Angular 6 在http://localhost:4200/ 上运行 后端在https://localhost:44343/上运行

如果有的话，请给我建议。

标签： .netangular6ngrok

解决方案

我找到了一个在后端和前端都使用隧道的解决方案，并在ngrok.yml配置文件中定义它们。Windows 中的此文件通常位于 C:\Users\you\.ngrok2\ngrok.yml 中。

authtoken: <your token is already here>
tunnels:
    frontend:
        proto: http
        addr: 3000
    backend:
        proto: http
        addr: 1337

我的端口对于 React.js 是 3000，对于 Sails.js 是 1337。

解除 ngrok 服务： ngrok start frontend backend

Ngrok 将重定向两个端口并提供两个地址而不是一个（如果您考虑 https，总共四个）。

最后，我使用在 ngrok CLI 中找到的新 URL 更改了前端的 API 地址（您将通过查看端口号来识别它）。

我阅读了类似的帖子（您可以在此处找到详细信息）并没有使用“子域”部分（仅在 ngrok 付费服务中可用）。

推荐阅读