Angular 2 本地主机和后端服务器连接

Question

我正在尝试在我的机器上使用 npm start 运行 Angular 2 项目并访问另一台服务器上的后端。当我调用一个帖子或获取时，我总是在 Firefox 控制台中收到“Access-Control-Allow-Origin missing”错误。当我在服务器上部署我的应用程序时，它运行得非常好，但我不想一直等待部署我的应用程序。

我尝试了不同的解决方案，例如代理。我是否需要配置我的本地主机或其他东西？是否有最先进的解决方案？

Answer 1

您可以在您的本地环境中设置代理。

在你的package.json在脚本中添加 "serve-dev": "<startApplication> --sourcemap=false --proxy-config proxy.config.json" .

并使用 npm run serve-dev 运行它.

和proxy.config.json文件应如下所示:

{
  "/api/*":{
    "target":"http://localhost:5005",
    "secure": false,
    "logLevel": "debug"
  }
}

当您在服务中调用端点时，只需 get应该是这样的:this._http.get('./api/myEndpoint') .