'Access-Control-Allow-Origin'标头的值'http://localhost:4200'不等于提供的来源

Question

（继续标题中的错误消息）“因此，不允许访问起源'http://127.0.0.1:4200'。”

我无法运行相同的角度5网站在两个不同的领域时，与相同的API工作。

此错误消息来自Chrome。Firefox中的错误是：

我不确定我能提供什么其他信息或代码来使这更清楚。谢了。

Answer 1

让我们假设您的api运行在8080上，angular代码运行在4200上。

在angular应用程序中创建一个名为proxy.conf.json的文件

{
    "/api/": {
        "target": "http://localhost:8080/",
        "secure": false,
        "changeOrigin": true
    }
}

使用以下命令启动angular应用程序

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