ajax请求怎么实现跨域

讲讲ajax怎么跨域的问题

本人第一次使用markdown发布东西，用的不太熟，不要见怪2333

---

ajax跨域问题的出现

• 这个问题其实很常见，当你使用本地的api当做数据库的接口的时候，比如使用node搭建的服务器的端口是 http://localhost:8888，这个时候，你运行项目（Vue，React）的地址为 http://localhost:3000 （一般情况下，使用 create-react-app构建的项目的默认端口是 3000 端口，使用 vue-cli 构建的项目的默认端口一般是 8080 端口），这个时候，一旦你使用向服务器发送 ajax 请求，就会遇到跨域的问题
• 这是因为浏览器的同源原则，同源 就是 同一协议，同一域名，同一端口，只有同源的地址之间才可以相互访问资源，浏览器不会阻止，但是一旦不是同源的，那么浏览器就会阻止，也就是说，一旦你访问别的源的资源的时候，浏览器会阻止，这就是 跨域问题
• 很明显，服务器的地址和项目的地址不是同源的，所以发生 跨域问题 也是很正常的

---

跨域的解决方法

• jsonp
• CORS
• 代理

---

jsonp

• jsonp 的全名就是 json with padding ,通俗来讲就是 带有回调函数的json，这个翻译我是借鉴 高性能javascript 里的，是通过 动态脚本向服务器发送请求 来获取数据的，具体是这么操作的：

//1. 创建一个  script  标签
const script = document.createElement("script")
script.type = "text/javascript"
//2. 创建一个回调函数
function getValue(value){
   
	console.log