1.出现跨域的原因
浏览器跨域
如何判断一个浏览器的请求是否跨域?
在A地址(发起请求的页面地址)向B地址(要请求的目标页面地址)发起请求时,
如果A地址和B地址在: 协议 域名 端口 不全相同,则说明请求是跨域的;
跨域请求在浏览器中是非常常见的现象!
跨域请报错的原因
请求是跨域的,并不一定会报错。普通的图片请求,css文件请求是不会报错的
跨域请求出现错误的条件: 浏览器同源策略 && 请求类型是ajax类型
2.解决方案
- 前端用JSONP方式去发请求(jsonp不是ajax请求)
- 后端写代码(CORS)在响应中添加必要的响应头,让响应回来之后浏览器不报错
- vue-cli的proxy代理解决跨域
下面来说一下代理解决跨域的方法