有一段时间没写了,确实前段时间身体不舒服

 网络请求常见的状态码

2开头表示请求成功

200 请求成功   202表示接收

3开头表示重定向

301 永久重定向    302 临时重定向

4开头表示客户端错误 

400参数错误
401 没有权限
403 未认证,请求被拒绝
404 未找到文件, 一般从请求地址, 请求方式跟请求参数 三个方面入手
405 方法错误
413 文件大小超出限制

5开头表示服务器端问题 

ajax原生请求 

 

//实例化一个xhr
        const xhr = new XMLHttpRequest()
        //发送方式
        xhr.open(请求方式, 请求地址)
        // 发送请求
        xhr.send()
        // 给这个对象添加监听事件  load
        xhr.addEventListener('load', () => {
            console.log(xhr.response);
            console.log(JSON.parse(xhr.response));
        })
    </script>

基于上面的ajax请求 现在已经不常用  现在一般使用别人封装好的axios 在使用axios时 后续需要自己下载

JavaScript同源策略 

同源策略是客服端脚本的安全度量标准.其目的是方式某个文档或者脚本从多个不同源装载,所谓同源指的是: 协议,域名,端口号相同,同源策略是一种安全协议,指一段脚本只能读取来自同一来源的窗口和文档的重要性

跨域

指的是浏览器不能执行其他网站的脚本,它是由浏览器的同源策略造成的,是浏览器对JavaScript实行的安全限制

解决跨域方法:

1 jsonp

原理是动态的创建一个script标签,利用script标签的src属性,不受同源策略限制,因为所有的src属性和href属性都不受同源策略限制,可以请求第三方服务器数据内容

2 CORS  跨域资源共享

原理:服务器设置Access-Control-Allow-OriginHTTP相应头后,浏览器将会允许跨域请求

3 反向代理

看完下面的图我希望你懂的