Nginx服务器如何解决Access-Control-Allow-Origin问题

本文主要介绍了使用nginx服务器如何解决跨域资源共享Access-Control-Allow-Origin问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教。

前台在访问不同ip的nginx服务器时报错：

Access to font at 'https://wwwxxxx/wp-content/themes/xxx/assets/css/fonts/materialdesignicons-webfont.ttf?v=2.1.19' from origin 'https://yyy.yyy' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

问题原因

被请求的资源没有设置 ‘Access-Control-Allow-Origin’

也就是nginx的返回信息头没有Access-Control-Allow-Origin（也就是浏览器同源策略，大家可以自行百度）

解决方案

在nginx中的nginx.conf中的路由中添加以下代码：

location / {  
    add_header Access-Control-Allow-Origin *;
    add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
    add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization';
} 

如果你请求的不是”location /”

则在自己的路由添加例如：“localhost /test”