首页 > 解决方案 > Typescript 中的动态 URL

问题描述

我有一个使用 asp.net core、vue.js 和 typescript 构建的网络应用程序。我的 Typescript 代码需要从 API 获取数据,如下所示:

var myFetch = fetch(this.apiurl + '/apipath', {
        cache: 'no-cache',
        method: 'GET'
    })

但我需要 API (this.apiurl) 的 URL 是可配置的,而不是硬编码。每个部署的 URL 都不同,并且可以在不同的域上,即 myapp.clientdomain.com、myapp.otherdomain.com。

谁能提供一个动态地向 Typescript 提供 URL 的示例,以便它使用我配置的 URL 而不是硬编码的 URL?我看过:

  1. MVC 提供 JavaScript 响应(对于我需要的东西来说似乎过于复杂 - 只需动态设置一个变量......)
  2. 在 .net 核心 Web 应用程序中创建一个 API,该 API 通过 fetch 返回 URL,然后调用实际的 API(URL 必须在运行时获取,然后再调用以获取数据,从而导致加载时间更长)
  3. 根据客户端使用单独的 URL Typescript 文件构建/打包(如果不重新编译则无法配置)

有人有建议吗?

标签: asp.nettypescript

解决方案


推荐阅读