就像Promise的解析提供了一个值，拒绝它也提供了一个值，通常称为拒绝的原因。当处理器中的异常导致拒绝时，异常值将用作原因。同样，当处理器返回被拒绝的Promise时，拒绝流入下一个Promise。...但是那些匹配的对象被调用，并且它们的结果决定了下一次会出现什么样的值 – 返回非Promise值时成功，当它抛出异常时拒绝，并且当它返回其中一个时是Promise的结果。...这样的yield表达式可能仅仅直接出现在生成器函数本身中，而不是在你定义的内部函数中。 生成器在返回（yield）时保存的状态，只是它的本地环境和它yield的位置。 异步函数是一种特殊的生成器。...如果我从一个函数中调用setTimeout，那么在调用回调函数时该函数已经返回。 当回调返回时，控制权不会回到调度它的函数。 异步行为发生在它自己的空函数调用堆栈上。...在两个版本中，请求故障是否正确显示为拒绝？ 如何实现？
Promise的基本使用 var p = new Pormise(function(resolve, reject) { // 这里实现异步调用 // 调用成功...2: 请求已接收 3: 请求处理中 4: 请求已完成，且响应已就绪 - status：响应状态码...Promise 实例，当这个数组中的 Promise 实例全部返回时，方法执行结束 race(数组) ： 接收一个数组，每个数组元素都是一个 Promise 实例，当这个数组中的 Promise 实例有一个返回时.../put请求 2. axios全局配置 配置公共的请求头，配置之后再 url 中可以省略公共的请求头 axios.defaults.baseURL = 'http://localhost/test'...2.响应拦截器 响应拦截器的作用是在接收到响应后进行一些操作。
6.后端判断请求头中有无token并验证，验证成功则返回数据，验证失败或没有token则返回401。 7.如果前端拿到401的状态码，则清空token信息并跳转登录页。...在封装axios时，使用QS插件，增加一些安全性的查询字符串解析和序列化字符串的库。...，所以在响应拦截器中要对返回状态进行判断 const token = store.getters.getToken; console.log('token: ', token);...axios， 1.添加请求拦截器，发送请求之前判断是否存在token，如果存在统一在http的请求中加上token 2.添加响应拦截器，如果响应成功，调用promise.resolve(),响应失败根据不同的状态码做出不同的处理结果...在进行路由跳转时，设置路由守卫，在进页面之前，判断有token，才进入页面，否则返回登录页面。
因为服务器返回302代码，搜索引擎认为新的网址只是暂时的。使用场景：当我们在做活动时，登录到首页自动重定向，进入活动页面。未登陆的用户访问用户中心重定向到登录页面。访问404页面重新定向到首页。...注意：当 301、302、303 响应状态码返回时，几乎所有的浏览器都会把 POST 改成GET，并删除请求报文内的主体，之后请求会再次自动发送。...该状态码表示客户端发送附带条件的请求时，服务器端允许请求访问资源，但未满足条件的情况。304 状态码返回时，不包含任何响应的主体部分。304 虽然被划分在 3XX 类别中，但是和重定向没有关系。...当错误发生时，需修改请求的内容后再次发送请求。另外，浏览器会像 200 OK 一样对待该状态码。...（4）404 Not Found该状态码表明服务器上无法找到请求的资源。除此之外，也可以在服务器端拒绝请求且不想说明理由时使用。以下情况会出现404：404.0 -（无） – 没有找到文件或目录。
区别 fetch 规范与 jQuery.ajax() 主要有三种方式的不同： 1.当接收到一个代表错误的 HTTP 状态码时，从 fetch() 返回的 Promise 不会被标记为 reject， 即使响应的...HTTP 状态码是 404 或 500。...相反，它会将 Promise 状态标记为 resolve （但是会将 resolve 的返回值的 ok 属性设置为 false ），仅当网络故障时或请求被阻止时，才会标记为 reject。...无论请求成功与否，它都返回一个 Promise 对象，resolve 对应请求的 Response。你也可以传一个可选的第二个参数 init。...在Chrome中，Chrome 47之前的默认值是 follow，从 Chrome 47开始是 manual。
Fetch API返回的是Promise对象，这使得异步操作更加直观和易于管理。...常见问题与易错点忽略HTTP状态码：在使用Fetch API时，应始终检查HTTP状态码。例如，200表示请求成功，而404表示未找到资源。...Promise链时，应始终包含.catch块来捕获任何可能发生的错误。...response.json()) .then(data => console.log(data)) .catch(error => console.error('Error:', error));跨域请求问题：当尝试从不同域的服务器请求数据时...它基于Promise，使得异步操作更加直观和易于管理。然而，在使用Fetch API时，需要注意检查HTTP状态码、正确处理错误、处理跨域请求问题、发送Cookie以及实现请求超时等常见问题。
} }, // 服务器状态码不是2开头的的情况 // 这里可以跟你们的后台开发人员协商好统一的错误状态码 // 然后根据返回的状态码进行一些操作...例如上面的思想：如果后台返回的状态码是200，则正常返回数据，否则的根据错误的状态码类型进行一些我们需要的错误，其实这里主要就是进行了错误的统一处理和没登录或登录过期后调整登录页的一个操作。...get函数返回一个promise对象，当axios其请求成功时resolve服务器返回 值，请求失败时reject错误值。最后通过export抛出get函数。...// 后台根据携带的token判断用户的登录情况，并返回给我们对应的状态码 // 而后我们可以在响应拦截器中，根据状态码进行一些统一的操作。 ...这点具体在api里会介绍。 3.增加了请求超时，即断网状态的处理。说下思路，当断网时，通过更新vuex中network的状态来控制断网提示组件的显示隐藏。
例如上面的思想：如果后台返回的状态码是200，则正常返回数据，否则的根据错误的状态码类型进行一些我们需要的错误，其实这里主要就是进行了错误的统一处理和没登录或登录过期后调整登录页的一个操作。...get函数返回一个promise对象，当axios其请求成功时resolve服务器返回 值，请求失败时reject错误值。最后通过export抛出get函数。...判断用户的登录情况，并返回给我们对应的状态码 // 而后我们可以在响应拦截器中，根据状态码进行一些统一的操作。...这点具体在api里会介绍。 3.增加了请求超时，即断网状态的处理。说下思路，当断网时，通过更新vuex中network的状态来控制断网提示组件的显示隐藏。...在http.js中介绍了，我们会在断网的时候，来更新vue中network的状态，那么这里我们根据network的状态来判断是否需要加载这个断网组件。断网情况下，加载断网组件，不加载对应页面的组件。
一、axios的封装 在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。...例如上面的思想：如果后台返回的状态码是200，则正常返回数据，否则的根据错误的状态码类型进行一些我们需要的错误，其实这里主要就是进行了错误的统一处理和没登录或登录过期后调整登录页的一个操作。...get函数返回一个promise对象，当axios其请求成功时resolve服务器返回 值，请求失败时reject错误值。最后通过export抛出get函数。...// 后台根据携带的token判断用户的登录情况，并返回给我们对应的状态码 // 而后我们可以在响应拦截器中，根据状态码进行一些统一的操作。...这点具体在api里会介绍。 3.增加了请求超时，即断网状态的处理。说下思路，当断网时，通过更新vuex中network的状态来控制断网提示组件的显示隐藏。
基本类型的变量会保存在栈内存中，如果在一个函数中声明一个值类型的变量，那么这个变量当函数执行结束之后会自动销毁 2.引用类型的变量名会保存在栈内存中，但是变量值会存储在堆内存中，引用类型的变量不会自动销毁...undefined 是 Undefined 类型的唯一值，它表示未定义的值。当声明变量未赋值时，或者定义属性未设置值时，默认值都为 undefined。 *问题：promise是什么？...token是过期的，所以在响应拦截器中要对返回状态进行判断 const token = store.state.token; token && (config.headers.Authorization...// 响应拦截器 axios.interceptors.response.use( response => { // 如果返回的状态码为200，说明接口请求成功，可以正常拿到数据...} }, // 服务器状态码不是2开头的的情况 // 这里可以跟你们的后台开发人员协商好统一的错误状态码 // 然后根据返回的状态码进行一些操作
Js中fetch方法 fetch()方法定义在Window对象以及WorkerGlobalScope对象上，用于发起获取资源的请求，其返回一个Promise对象，这个Promise对象会在请求响应后被resolve...返回一个Promise，resolve时回传Response对象。...fetch与jQuery.ajax区别 当接收到一个代表错误的HTTP状态码时，从fetch()返回的Promise不会被标记为 reject， 即使响应的HTTP状态码是404或500，其会将Promise...状态标记为 resolve，但是返回的Promise会将resolve的返回值的ok属性设置为false，仅当网络故障时或请求被阻止时，才会标记为reject。...Response.ok: 只读，包含了一个布尔值，标示该Response成功，HTTP状态码的范围在 200-299。
除了常规的http状态码，后台也可能定了一套内部的请求码，例如： { code: 1, message：'OK' }。由此发现，如果希望通过定义一套处理模板代码，是无法满足实际业务需求的。...这里将规则(rule)分为三类： 具体状态码， 例如 只针对 400 的处理 状态码区间， 例如 200 ~ 300 区间内都视为成功 自定义状态处理，例如：{ code: 1, ... } 内部自定义状态...行为(act)可以简化为返回任意值的处理函数。...: T // 响应数据 status: number // http状态码 response?: AxiosResponse // 请求体 request?...) // candyPaper http.use(status) 非请求错误or未定义状态规则 在之前的前置类型定义中，定义了 CUM_CODE 。
当试图引用对象的属性时会出发get操作，第一步时检查对象本身是否有这个属性，如果有就使用它，没有就去原型中查找。...HTTP状态码 1xx 信息性状态码 websocket upgrade 2xx 成功状态码 200 服务器已成功处理了请求 204(没有响应体) 206(范围请求 暂停继续下载) 3xx 重定向状态码...400 客户端参数错误 401 没有登录 403 登录了没权限 比如管理系统 404 页面不存在 405 禁用请求中指定的方法 5xx 服务端错误状态码 500 服务器错误：服务器内部错误，无法完成请求...3、当处于Pending状态时，无法得知目前进展到哪一个阶段（刚刚开始还是即将完成）。...同理，在进行进程切换时，涉及当前执行进程 CPU 环境还有各种各样状态的保存及新调度进程状态的设置，而线程切换时只需保存和设置少量寄存器内容，开销较小。 如何防御 XSS 攻击？
有的，Promise（承诺），在ES6中对Promise进行了同意的规范。...注意Promise在某一时刻只能处于一种状态 Promise的状态改变 pending------》fulfilled（resolved） pending------》rejected Promise的状态改变...function(value) { conlose.log(value); //未定义 }); 代码分析： 上面的第二个then方法中的值虽然是未定义，但是每一个then一定会==返回一个新的...几个常用api Promise.resolve resolve方法用来将一个非Promise对象转化为Promise对象 转换的对象是一个常量或者不具备状态的语句，转换后的对象自动处于resolve状态...状态不可逆性 resolve函数和reject函数只是传递异步结果 then进行层级调用的时候，每次的返回值都一个空promise对象，如果想继续使用，赋值替换掉空promise对象，但是返回的时候return
描述： 此方法对于汇总多个 promise 的结果很有用，在 ES6 中可以将多个 Promise.all 异步请求并行操作，返回结果一般有下面两种情况。当所有结果成功返回时按照请求顺序返回成功结果。...注意：当 301、302、303 响应状态码返回时，几乎所有的浏览器都会把 POST 改成GET，并删除请求报文内的主体，之后请求会再次自动发送。...该状态码表示客户端发送附带条件的请求时，服务器端允许请求访问资源，但未满足条件的情况。304 状态码返回时，不包含任何响应的主体部分。304 虽然被划分在 3XX 类别中，但是和重定向没有关系。...当错误发生时，需修改请求的内容后再次发送请求。另外，浏览器会像 200 OK 一样对待该状态码。...（4）404 Not Found该状态码表明服务器上无法找到请求的资源。除此之外，也可以在服务器端拒绝请求且不想说明理由时使用。以下情况会出现404：404.0 -（无） – 没有找到文件或目录。
/** * ajax简易demo * @param type 请求类型 * @param url 请求地址 * @param data 请求数据 * @returns {Promise}...*/ const ajax = function(type,url,data){ return new Promise((resolve,reject)=>{ const xhr = new...0请求未初始化 1请求已创建但未发送 2发送请求完成，处理中 3解析请求数据 4返回结果 if(xhr.status===200){ // http状态码 resolve...(xhr.responseText) // 返回请求数据 }else if(xhr.status===404){ // 处理一个404 reject(new Error...('404 not found')) // 告知404错误 } } } // 发送请求 xhr.send(data) }) }
这种应用模式比较适合纯网页应用，但是当后端对接 App 时，App 可能并不需要后端返回一个 HTML 网页，而仅仅是数据本身，所以后端原本返回网页的接口不再适用于前端 App 应用，为了对接 App...resolve 函数的作用是，将 Promise 对象的状态从“未完成”变为“成功”(即从 pending 变为 resolved)，在异步操作成功时调用，并将异步操作的结果，作为参数传递出去；reject...函数的作用是，将 Promise 对象的状态从“未完成”变为“失败”(即从 pending 变为 rejected)，在异步操作失败时调用，并将异步操作报出的错误，作为参数传递出去。 ...- status：响应状态码 200: "OK" 404: 未找到页面 */ xhr.onreadystatechange...实例，当这个数组中的 Promise 实例全部返回时，方法执行结束 race(数组)： 接收一个数组，每个数组元素都是一个 Promise 实例，当这个数组中的 Promise 实例有一个返回时，方法执行结束
状态码?...说一下状态码是302和304是什么意思？你在项目中出现过么？你是怎么解决的？ 状态码：由3位数字组成，第一个数字定义了响应的类别 --> 在 HTML 页面中，如果在执行脚本时，页面的状态是不可相应的，直到脚本执行完成后，页面才变成可相应。...Promise.resolve方法返回一个新的Promise对象，状态为fulfilled，其参数将会作为then方法中onResolved回调函数的参数，如果Promise.resolve方法不带参数...需要注意的是，立即resolve()的 Promise 对象，是在本轮“事件循环”（event loop）的结束时执行，而不是在下一轮“事件循环”的开始时。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
