Question

我已经在本地机器上开发了角度应用程序。在我的应用程序中，我将进行其余的调用以获取数据。因此，在本地计算机上，我遇到了CORS问题。但是当我将此角度应用程序部署在具有相同端口的同一服务器上时即rest api和我的应用程序都在具有相同端口的同一服务器上。 REST API：-http://domain:port/api 应用程式网址：-http://domain:port/home

然后我在调用rest api时遇到了CORS问题。请向我解释如何解决此问题。

谢谢， Suresh

Answer 1

您可以在本地计算机上创建代理，以将调用重定向到与Angular应用位于同一端口上的api。创建一个名为proxy.conf.json的文件，并将以下文件放入其中，将apiport更改为您的api端口号。

{
  "/api/*": {
    "target": "http://localhost:apiport/api/",
    "pathRewrite": {
      "^/api": ""
    },
    "changeOrigin": true,
    "secure": false,
    "logLevel": "debug"
  }
}

然后使用

启动应用

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

或将以下内容添加到package.json文件的脚本部分

"localstart": "ng serve --proxy-config proxy.config.json",

并从

开始

npm run localstart

即使在我们调用其余调用的同一服务器上运行有角度的应用程序时，为什么还会出现cors问题

1 个答案: