Nginx配置跨域支持功能

跨域是前端开发中常常会遇到的问题,前端调用后台服务时,一般会遇到 No 'Access-Control-Allow-Origin' header is present on the requested resource的错误,这是由于 浏览器的同源策略拒绝了咱们的请求。
所谓同源是指,域名,协议,端口相同,浏览器执行一个脚本时同源的脚本才会被执行。若是非同源,那么在请求数据时,浏览器会在控制台中报一个异常,提示拒绝访问。
 
跨域是指a页面想获取b页面资源,若是a、b页面的协议、域名、端口、子域名不一样,所进行的访问行动都是跨域的,而浏览器为了安全问题通常都限制了跨域访问,也就是不容许跨域请求资源。
注意:跨域限制访问,实际上是浏览器的限制
 
# vim nginx.conf
http {
  ###start###
 add_header Access-Control-Allow-Origin *;
  add_header Access-Control-Allow-Headers X-Requested-With;
  add_header Access-Control-Allow-Methods GET,POST,OPTIONS;
  ###end ###
}

 add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,access-control-allow-origin,Authorization';前端

相关文章
相关标签/搜索