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”

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。

网站维护