Cors Angular 5访问控制允许本地主机出现原点错误

我正在尝试使用HTTP获取我电脑上的文件。我想模拟服务器场景，因此尝试使用以下内容（实时服务器、浏览器同步和xampp）一次提供一个文件，但每次尝试都会出现错误

加载失败：“访问控制允许原点”标头的值“”不等于提供的原点。因此，不允许源“”访问

---

当我在浏览器中粘贴url（）时，我可以获取文件。

因为您正在测试，我建议您使用Chrome扩展名。请在如下所示的Chrome扩展列表中搜索，然后启用它。也许你的问题会解决

---

我找到了另外两种解决这种情况的方法

解决方案1： 要将products.json文件更改为products.php，请在顶部添加以下内容：

<?php  
  'header(Access-Control-Allow-Origin: *)';
  'header(Content-Type: application/json)'
?>  

3-在服务器上创建文件夹api，并在其中添加products.json

---

注意：在我的例子中，我使用的localhost没有指定端口，因为我使用的是xampp。但是，如果您使用node，例如，您将在proxy.config.json中指定端口，如：localhost:3000

，您需要将端口添加到http调用中

：4200

，为什么不投票？？如果我的文件在xampp文件中的htdocs中，为什么我要添加端口4200？Angular是从4200提供服务的，但该文件不在Angular项目中的其他位置。我假定您正在使用

ng serve

运行该网页？你是如何提供数据的？是的，我会试试看，顺便说一句，我没有否决你的回答，这会对有角度的网页产生什么影响？

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