首页 文章

CORS ISSUE使用angular4

提问于
浏览
0

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

对预检请求的响应未通过访问控制检查:请求的资源上不存在“Access-Control-Allow-Origin”标头 . 因此不允许来源'http:// localhost:4200'访问 . 如果不透明响应满足您的需求,请将请求的模式设置为“no-cors”以获取禁用CORS的资源 .

任何人都可以帮我解决如何在本地和现场解决这个问题?

3 回答

  • 0

    这是一个后面的问题,你需要在后面设置'Access-Control-Allow-Origin' Headers 来设置*或将其设置为你的前端域 .

  • 0
    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"
     });
    
  • 0

    您无需添加任何Chrome扩展程序 . 只需添加以下代码行即可 . 这将解决No'Access-Control-Allow-Origin' Headers 问题 .

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

相关问题