解决跨域的方式有很多种,目前最常用的就是CORS跨域资源共享。
在调试程序的时候接口基础地址是localhost,并非域名地址。
基于工程的配置的devserver代理请求每次都要重启项目才能生效。
跨域浏览器可以在本地开发时直观看出请求地址并且不会被拦截报错
什么是CORS跨域资源共享
CORS跨域资源共享允许浏览器向跨源服务器,发出XMLHttpRequest请求,从而克服了AJAX只能同源使用的限制。
关于更详细的介绍请阅览阮一峰老师的跨域资源共享 CORS 详解
chrome浏览器跨域模式
本地开发项目时接口请求出现跨域的报错,我们需要开启chrome的跨域模式。
新建chrome文件夹
在用户目录下(/Users/用户名)新建存储chrome数据的文件夹
cd /User/ybc4652
mkdir myChromeData
使用命令行开启Chrome
open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=/Users/ybc4652/myChromeData
这个时候会打开新的chrome浏览器,在这个浏览器里就不会出现跨域的报错了。