一、同时满足三个条件才会产生跨域问题:
1.浏览器的同源策略限制
2.请求地址的域名或端口和当前访问的域名或端口不一样,协议、域名和端口有一个不一致就会产生跨域(生产环境是访问同一个域名和端口,所以不存在跨域问题)
3.发送的是XHR(XMLHttpRequest)请求,可以使用 a 标签(模拟xhr请求)和 img 标签(模拟json请求)做对比(控制台只报了一个跨域异常)
二、怎么解决?(Vue项目中解决跨域问题)
1.cors 通过在服务器端设置响应头中的 Access-Control-Allow-Origin 字段来告诉浏览器是否允许跨域访问
2.jsonp请求 利用script标签<script src='xxx.js'>引入外部资源不受同源策略限制
3.开启代理服务器 在vue.config.js配置代理服务器,由代理服务器与后端服务器进行数据交互,浏览器只需要与代理服务器进行交互即可
注:入门学习,欢迎大佬批评指点