代理配置文件未读取

Question

我的开发环境 Angular 服务器在 localhost:4200 上运行，Spring Boot 服务器在 localhost:8080 上运行。 Angular 服务使用

调用 rest api 调用

this.http.get(window.location.protocol + '//' + window.location.hostname + ':8080/' +'<context-path>/api/<endpoint>');

代理配置文件：

{
    "/api": {
    "target": "http://localhost:800/",
    "secure": false,
    "logLevel": "debug",
    "changeOrigin": false
    }
}

我正在使用

启动我的服务器

ng serve --proxy-config proxy.conf.json

我故意提供端口号为 800，但我仍然可以从服务器获取结果。这确保我没有读取代理配置文件。

当我们可以直接从 Angular 服务访问 url 时，为什么需要代理配置文件？

Answer 1

代理文件的使用基本上是告诉 Angular 检查请求的 url，如果匹配则将其替换为目标。
在你的情况下，尝试请求this.http.get('api/something')，你会看到有一个指向http://localhost:800的重定向。

回答你的最后一个问题：
直接从 Angular 服务访问 url 对于本地开发来说似乎很方便。但是，一旦您将后端设置在与前端应用不同的服务器上，就可以节省大量时间来尝试找出出现 CORS 错误的原因。