Question

我正在使用angular 4 app。我正面临着CORS问题。

对预检请求的响应没有通过访问控制检查：否＆＃39;访问控制 - 允许 - 来源＆＃39;标头出现在请求的资源上。起源＆＃39; http://localhost:4200＆＃39;因此不允许访问。如果不透明的回复符合您的需求，请将请求的模式设置为“无人”状态。在禁用CORS的情况下获取资源。

任何人都可以帮我解决如何在本地和现场解决此问题吗？

Answer 1

    You can use CORS extension in chrome

    https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi?hl=en

    after adding just toggle it and reload the page.


Or you can use xdomain library

Create a proxy.html on your server having below content

<html>
<head>
    <script src="xdomain.min.js" data-master="*"></script>
</head>
<body></body>
</html>

// In script src tag give path of your "xdomain.min.js" 

And in client side add xdomain.min.js file in your index.html file and add below snippet to index.html file


 xdomain.slaves({
     "http://serverIp:serverPort": "/contextPathIfAny/proxy.html"
 });

Answer 2

这是一个后面的问题，您需要在后面的响应中设置'Access-Control-Allow-Origin'标题为*或将其设置为您的前端域。

Answer 3

您无需添加任何Chrome扩展程序。只需添加以下代码行即可。这将解决No＆＃39; Access-Control-Allow-Origin＆＃39;标题问题。

@CrossOrigin(origins = "http://localhost:4200")

CORS ISSUE使用angular4

3 个答案: