我应该如何修改launchsettings.json和前端代码来运行这个最初运行在本地主机上的API？

Question

去年，我的团队为学校制作了一个在线棋盘游戏。前端是html/css和JS。后端是一个ASP .net核心应用程序。使用NGINX已经在我的服务器上设置了前端。我想在我的投资组合站点上托管它，但是后端的结构是由老师提供给我们的(我已经获得了托管它的许可)，所以我还不完全清楚我应该如何修改代码，以便API能够正确地与frontend.The API通信，这最初是在本地主机上运行的。

我所知道的是，我需要一个ARM Linux构建才能在我拥有的服务器上运行它。我假设在launchsettings.json中，我需要将applicationUrl从localhost:5000和localhost:5001更改为其他东西，然后将前端的代码匹配到该地址，但我不确定它应该指向哪里。

应该是域名指向我的服务器吗？还是我漏掉了什么？

这是我在这里的第一个问题，很抱歉，如果没有正确的格式或不清楚。

​

​

API的launchSettings.json代码。

{
  "$schema": "http://json.schemastore.org/launchsettings.json",
  "iisSettings": {
    "windowsAuthentication": false,
    "anonymousAuthentication": true,
    "iisExpress": {
      "applicationUrl": "http://localhost:53518",
      "sslPort": 44307
    }
  },
  "profiles": {
    "Stratego.Api": {
      "commandName": "Project",
      "launchBrowser": false,
      "launchUrl": "swagger",
      "applicationUrl": "https://localhost:5001;http://localhost:5000",
      "environmentVariables": {
        "ASPNETCORE_ENVIRONMENT": "Development"
      }
    }
  }
}

前端请求的示例

get('https://localhost:5001/api/Game/' + localStorage.getItem("gameId") + '/board', headers)
        .then(response => {
            response.text().then(async function (message) {
                let parsed = JSON.parse(message);
                if (!containsBoard()) {
                    createBoard(parsed.squares, parsed.size);
                }
            });
        });

Answer 1

这个问题其实并不难。您可能误解了launchSettings.json文件的知识点。

launchSettings.json文件仅用于Visual，通常用于IIS、IIS和Project。部署之后，此文件将不再生效。

所以你要做的就是部署程序。在这里，我推荐一种快速的测试方法，希望它对你有帮助。

步骤

1. 在您的角度项目中创建一个基本url，然后您可以轻松地更改api url。

类似于：

var baseUrl="https://customdomain.com/“get( baseUrl +‘api/https://customdomain.com//’+https://customdomain.com/)

1. 在Api项目中启用Cors .

1. 下载Ngrok并运行

1. 运行api port，我们需要找到http端口，比如http://localhost:7725。

ngrok http 7725 -host-header="localhost:7725"

，

1. ，然后我们可以得到一个由ngrok生成的https url。使用ngrok仅测试部署.

1. 复制并将url粘贴到基本url。你可以测试它。--

通过所有测试后，您可以选择自己的云服务器或云服务进行部署。