前端面试之对跨域问题的理解，如何解决？

一、同时满足三个条件才会产生跨域问题：

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配置代理服务器，由代理服务器与后端服务器进行数据交互，浏览器只需要与代理服务器进行交互即可

注：入门学习，欢迎大佬批评指点