解决开发跨域问题

随手记

解决在开发过程中遇到的跨域问题

什么是跨域？

当协议、子域名、主域名、端口号中任意一个不相同时，都是不在同一域下。
不同域之间相互请求资源，就算作“跨域”

解决方案

方式一：

在最新版 谷歌浏览器 快捷方式/启动时 上添加条启动命令

1
2
3
4
-disable-web-security -user-data-dir="d:\Temp"
e.g:
目标： C:\Users\pt\AppData\Local\Google\Chrome\Application\chrome.exe 
-disable-web-security -user-data-dir="d:\Temp"

方式二：

安装谷歌插件 Allow-Control-Allow-Origin: *

方式三：

后端添加请求头

1
2
3
Access-Control-Allow-Methods
Access-Control-Allow-Origin
Access-Control-Allow-Headers

方式四：

配置代理，如nginx

方式五：

jsonp

  • 服务器需要改动代码进行支持
  • 只支持GET方法
  • 发送的不是xhr请求，不支持异步方法