给浏览器安装跨域插件,禁止浏览器报跨域
当我们使用谷歌浏览器调试ajax请求的时候可能会遇到这两个问题:
跨域资源共享 详见:CORS
跨源读取阻塞 详见:CORB
最常见的就是关于跨域资源共享的问题,也就是我们通常说的跨域。当我们本地服务器预览页面,使用ajax访问远程服务器的内容时就会请求失败,比如:本地预览的地址是:http://localhost:8080/,访问的接口地址是http://dcloud.io/api。
如果仅仅是为了本地预览,可以使用Chrome浏览器插件来协助调试。 !!! 本插件只能解决简单请求的跨域调试(点击搜索什么是简单请求)。对于非简单请求的OPTION预检(点击搜索什么是预检请求)以及线上服务器也有跨域需求的用户,可以服务端配合解决。
#Chrome插件名称:Allow-Control-Allow-Origin: *
#安装方式:
1、下载得到:Allow-Control-Allow-Origin.crx
2、点击浏览器右上角的菜单按钮打开谷歌浏览器的扩展管理页面
3、将下载的扩展插件拖入扩展管理页面