跨域问题

问题

No ‘Access-Control-Allow-Origin’ header is present on the requested resource.’Ajax跨域访问问题

跨域

跨域的严格一点的定义是：只要 协议，域名，端口有任何一个的不同，就被当作是跨域。

需要跨域

前后端分离，或者测试时需要读取跨域的数据，就会出现跨域问题

解决方案

浏览器忽略跨域问题，也就是允许当前浏览器可以获取跨域的数据

谷歌浏览器

设置谷歌浏览器允许跨域

选中谷歌浏览器，鼠标右键属性

• 1.谷歌浏览器版本<49

  在属性页面中的目标输入框里加上 –disable-web-security

• 2.谷歌浏览器版本>49

  • windows操作系统在属性页面中的目标输入框里加上：
    –args –disable-web-security –user-data-dir
    

  • OSX在属性页面中的目标输入框里加上：
    $ open -a Google\ Chrome –args –disable-web-security –user-data-dir

设置谷歌浏览器允许跨域

设置后重新打开浏览器提示：

表明设置成功，此时可访问跨域数据