windows 和 linux 都一样操作,到 nginx 的安装目录 nginx/conf 下,找到 nginx.conf 文件,用记事本打开。
在一个 sever 内部加上如下代码:
add_header 'Access-Control-Allow-Origin' '*';
add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS, PUT, DELETE';
add_header 'Access-Control-Allow-Headers' 'Content-Type';
例如,这样加(各自服务器配置不同,看情况添加):
server {
listen 80;
server_name localhost;
#charset koi8-r;
#access_log logs/host.access.log main;
location ~.(html|js|css|png|gif|pdf)$ {
root html;
index index.html index.htm;
}
location / {
root html;
index index.html index.htm;
add_header 'Access-Control-Allow-Origin' '*';
add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS, PUT, DELETE';
add_header 'Access-Control-Allow-Headers' 'Content-Type';
}
然后重启 nginx 就行了。
注意:
这个跨域配置不能配置多个,只能配置一个。如果你的服务器其他 web 服务也配置了跨域,那 nginx 就不要配置了。
否则还是会报跨域:
The 'Access-Control-Allow-Origin' header contains multiple values '*, *', but only one is allowed.
其中:Access-Control-Allow-Origin * 中的*可以换成域名,意思是只对这个域名开放跨域,如果要开放多个域名,就用英文逗号,连接。如果用*,就代表任何域名都可以请求服务器资源。
例如:
Access-Control-Allow-Origin www.baidu.com,www.taobao.com
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于