讲讲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