如何设置单独的开发和发布代理/后端api URL？

Question

我想要实现的是当我在localhost中使用Angular / C＃Web Api项目并对其进行开发时，我在Angular应用程序中使用了以下URL：

http://localhost:5000/api/something

但这在部署中不起作用。当前端和后端在一起时，我想使用“ / something”之类的东西。

Answer 1

在src目录下创建您的环境：

export const environment = { production: false, apiUrl: 'http://localhost:5000/api/something', };

Angular命令行工具知道每种环境要使用哪个文件。

然后将其导入：

import { environment } from '../../environments/environment';

现在在我的课程中将它们用作其他任何对象：

apiUrl = environment.apiUrl;

Read more on the web