什么是跨域 ？ 遇到跨域问题怎么解决？

跨域 ：是“浏览器”对axios做出的同源策略的限制

同源：网页在浏览器打开时所在的地址栏 协议 域名 端口 和内嵌的axios 请求的url的协议 域名 端口 必须是一致的 有一个对不上就跨域了

       注意：服务器和服务器之间的请求是没有跨域限制的

如果解决跨域:

方式1：JSONP

注意：jsonp 和 json没有关系，json是一种数据序列化的技术

jsonp是解决跨域的技术

使用：script标签的src属性，来发送请求 而不受跨域的限制，请求后让后台返回一个函数调用字符串+数据，在前端进入到 script 标签之间，当做 js 代码执行，把数据带回来

特点：需要前端传递一个方法名，后端返回函数调用格式的字符串

要求：前端和后端同时支持

方式2：cors

概念：跨域资源共享，现代浏览器前端默认

使用：cors是让后端进行设置

特点：可以在响应头看看有没有“Access-Control-Allow-Origin”字段(是后台设置的，作用：允许哪些源进行跨域访问)

要求：前端什么都不用做，正常使用axios发送ajax请求，只需后端

方式3：代理服务器

针对：后端不开跨域支持，前端自己用代理服务器也能拿到数据

原理：前端代理服务器，请求后端接口服务器，因为服务器之间没有跨域限制

解决：vue脚手架有一个webpack开发服务器支持，给服务器进行配置，支持代理转发

1，让axios请求，不要直接请求外链地址（http开头的）要请求/开头当前所在服务器

2，配置代理转发的规则，vue.config.js中 devServer的proxy选项内配置（让开发服务器支持代理转发 ）

前提：后端真的有接口地址可以使用，才能用ajax请求（前后端分离的项目）

特殊：后端渲染的项目（SSR/nuxt.js技术 => 新学vue语法），数据在后端渲染完毕返回给前端网页 不用使用ajax请求