今天一位客户说网站错误页面返回的状态码是302而不是404，问ytkah要如何处理。这个应该是设置没有正确的原因。我们一步步来排查一下。...1、首先打开iis管理器，左侧选择具体的站点，在右侧窗口中点击404错误页，如下图所示 ? 2、进入详细的错误页配置，选中404状态代码，右侧点编辑 ? ...3、在弹出的编辑自定义错误页中，相应操作选将静态文件中的内容插入错误相应中，文件路径填404.html（事先把编辑好的404.html放在网站根目录），点确定 ? ...5、重启iis 6、用第三方工具检测错误页的http状态码，如果显示的404状态码那就是正确的，如果显示其他那就要按上面的步骤重新配置一下 ?
作者：何甜甜在吗 来源：http://1t.click/a7Gm 在项目开发过程中经常遇到时间处理，但是你真的用对了吗，理解阿里巴巴开发手册中禁用static修饰SimpleDateFormat...09:34:04 CST 2019 2.使用SimpleDateFormat对时间进行格式化，但SimpleDateFormat是线程不安全的SimpleDateFormat的format方法最终调用代码...方法实际调用alb.establish(calendar).getTime()方法来解析，alb.establish(calendar)方法里主要完成了 a、重置日期对象cal的属性值 b、使用calb中中属性设置...cal c、返回设置好的cal对象 但是这三步不是原子操作 多线程并发如何保证线程安全 - 避免线程之间共享一个SimpleDateFormat对象，每个线程使用时都创建一次SimpleDateFormat...关注我，回复如下代码，即可获得百度盘地址，无套路领取！
Promise是一个由异步函数返回的可以向我们指示当前操作所处的状态的对象。在基于 Promise 的 API 中，异步函数会启动操作并返回 Promise 对象。...函数也可以被保存在变量中，并且像其他对象一样被传递。典型代表：Promise 链 函数式编程：把操作尽量写成一系列嵌套的函数或者方法调用。...这样，构造器只包含属性定义，而方法则分装在不同的代码块，代码更具可读性。...2.1 Promise状态 Promise 有三种状态： 待定（pending）：初始状态，这是调用 fetch() 返回 Promise 时的状态，此时请求还在进行中。...这使得代码在该点上等待，直到 Promise 被完成，这时 Promise 的响应被当作返回值，或者被拒绝的响应被作为错误抛出。
返回数据对象的元数据(Metadata)在上面的例子中，我看到了服务器响应对象Response的基本状态，以及如何转换成JSON。...对于fetch来说，我们可以在各个fetch操作里共享一些逻辑操作。在使用JSON API时，我们需要检查每次请求响应的状态，然后解析成JSON对象。...使用promise，我们可以简单的将分析状态和解析JSON的代码放到一个单独函数里，然后当做promise返回，这样就是代码更条理了。...我们的fetch() 调用链条中，首先如果fetch()执行结果是 resolve，那么，接着会调用 json() 方法，这个方法返回的也是一个 Promise，这样我们就得到一个分析后的JSON对象。...你会发现，在fetch请求中，我们可以共享一些业务逻辑，使得代码易于维护，可读性、可测试性更高。
它有以下优点：fetch API 使用 Promise 来处理异步操作，这使得链式调用更加简洁和易于管理。而 $.ajax 使用回调函数，这可能导致回调地狱（callback hell）的问题。...fetch 提供了更现代和简洁的语法，使得代码更易于编写和阅读。更清晰的错误处理。使用 fetch 不需要依赖 jQuery 或其他库，这减少了全局命名空间的污染。...response 信息内内包含了请求的 url 和用来判断请求是否成功的 status 状态等，在 response 中有两个内置函数可以用来得到请求返回的数据。...一个是上方 then 中 return 使用的 .json() ，能够将返回的数据以对象的方式传给第二个 then 接收，另一个是 .text() ，当返回的数据无法转换为对象时，则会将请求数据以字符串方式取出...GET ，但是 GET 本身无法在请求中借由 body 发送数据，因此在有 body 属性的状态下，未替 method 指定为 POST 或其他可带 body 的请求方式时，会出现以下错误：默认的请求方式
绝大多数程序只考虑了接口正常工作的场景，而用户在使用我们的产品时遇到的各类异常，全都丢在看似 ok 的 try catch 中。...如，网络不稳定、网速慢、运营商劫持等 那么，我们在写代码时，如何快速的模拟这些接口异常，做好程序的兼容处理呢？...1、业务逻辑异常处理 例如 CGI 没有返回 data 字段，而是返回了一个错误码 code 和对应的 message，针对这种业务逻辑异常我们只需在第二个 then 中做好 code 值的判断即可（注意...app.json 中，不够灵活），并针对以上提到的 HTTP 状态码异常、接口劫持注入、慢网络、无网络状态等各种网络异常进行兼容处理。...欢迎留言分享你的代码实现，在公众号「猫哥学前班」中回复关键词 request ，可以参考我的实现和 whistle rules 配置。 banner.png
上述代码成功运行后，我们打开浏览器，然后访问 http://localhost:8000/ URL 地址，之后在控制台会输出以下结果： ➜ learn-deno deno run --allow-net...notFound); console.log(`Listening on ${APP_PORT}...`); await app.listen(`${APP_HOST}:${APP_PORT}`); 在第一行代码中...Todo 模型中，我们定义了 id、userId、title 和 completed 四个属性，分别表示 todo 编号、用户编号、todo 标题和 todo 完成状态。...如果你从未使用过 Koa，则 response 对象类似于 Express 中的 res 对象。在 Express 应用中我们会调用 res 对象的 json 或 send 方法来返回响应。...readFile 函数返回一个 Uint8Array 对象，该对象在解析为 JSON 对象之前需要转换为字符串。
但随着时间的推移，Axios 在开发效率和性能上开始落后。特别是现在面对越来越复杂的需求，我们需要的是更加创新和领先的请求工具，而promise式的请求工具只能称之为传统。...在上面发起的GET请求中，响应数据结果的类型一直是axios.AxiosResponse，但是我们在响应拦截器中返回了response.data。这导致陷入混乱的响应数据类型。...中，你需要创建相应的请求状态并自行维护，而Alova为你接手了这项工作。...下次再发起同样的请求时，将使用缓存的数据，而不是再次发送请求。 想象一下，当你在实现一个列表页面时，点击列表项就可以进入详情页面查看数据。你会认为用户可能会经常点击查看列表中的详细信息。...重量轻 压缩状态下的Alova只有4kb+，只有Axios的30%+，看下面截图 2.3 更直观的响应数据TS类型 在 axios 中，要定义响应数据的类型是令人困惑的。
前面的章节我们已经可以正确的处理正确的请求，并且通过处理header、body，以及加入了promise，让我们的代码更像axios了。这一章我们一起来处理ajax请求中的错误。...那么XMLHttpRequest的status属性会返回0，所以我们需要额外判断下status，中断后续的代码： 我们在onreadystatechange回调中加入status的判断。...，整个createError方法，返回了报错信息、配置、状态码、请求和响应内容。...那么我们需要修改下之前错误处理中的代码，至于具体修改的方法，就当留个作业了。大家也可以去项目中的c3分支查看。 到此，我们处理完了错误信息，添加了新的createError方法。...到目前为止，其实代码都还不是真正的axios，为什么这么说呢，到现在，我们只是实现了其中的功能，但是其实还不是真正的axios源码的组织方式，我们下一章，就来扩展整个zaking-axios，修改文件的相关性
Rewrite using async/await 改写本章的示例代码，使用async/await代替.then/catch: function loadJson(url) { return fetch...我们可以返回response.json()，而不是等待它，像这样: if (response.status == 200) { return response.json(); // (3) } 然后...，外部代码将不得不等待这一承诺得到解决。...在我们的情况下，这并不重要。 从loadJson抛出的错误由.catch处理。我们不能在这里使用await loadJson(…)，因为我们不是在一个异步函数中。...只要把.catch换成try…在demoGithubUser中捕获并在需要的地方添加async/await: class HttpError extends Error { constructor(
header都加上token，这样后台根据token判断你的登录情况 // 即使本地存在token，也有可能token是过期的，所以在响应拦截器中要对返回状态进行判断...请求的header都加上token，不用每次请求都手动添加了 // 即使本地存在token，也有可能token是过期的，所以在响应拦截器中要对返回状态进行判断 const...return Promise.reject(response); } }, // 服务器状态码不是200的情况...// 后台根据携带的token判断用户的登录情况，并返回给我们对应的状态码 // 而后我们可以在响应拦截器中，根据状态码进行一些统一的操作。...这点具体在api里会介绍。 3.增加了请求超时，即断网状态的处理。说下思路，当断网时，通过更新vuex中network的状态来控制断网提示组件的显示隐藏。
header都加上token，这样后台根据token判断你的登录情况 // 即使本地存在token，也有可能token是过期的，所以在响应拦截器中要对返回状态进行判断 .../ 然后根据返回的状态码进行一些操作，例如登录过期提示，错误提示等等 // 下面列举几个常见的操作，其他需求可自行扩展 error => { if...请求的header都加上token，不用每次请求都手动添加了 // 即使本地存在token，也有可能token是过期的，所以在响应拦截器中要对返回状态进行判断 const... return Promise.reject(response); } }, // 服务器状态码不是200的情况 ...// 后台根据携带的token判断用户的登录情况，并返回给我们对应的状态码 // 而后我们可以在响应拦截器中，根据状态码进行一些统一的操作。
目前比较常见的方式是，服务器在收到 HTTP请求后，在响应头里添加 Set-Cookie 选项，将凭证存储在 Cookie 中，浏览器接受到响应后会存储 Cookie，根据浏览器的同源策略，下次向服务器发起请求时...所以如果我们没有判断请求来源的合法性，在登录后通过其他网站向服务器发送了伪造的请求，这时携带登录凭证的 Cookie 就会随着伪造请求发送给服务器，导致安全漏洞，这就是我们说的 CSRF，跨站请求伪造。...值得一提的是，移除方法是通过直接将拦截器对象设置为 null 实现的，而不是 splice 剪切数组，遍历方法中也增加了相应的 null 值处理。...控制的极简的状态机，实例化时会在实例上挂载一个 promise，这个 promise 的 resolve 回调暴露给了外部方法 executor，这样一来，我们从外部调用这个 executor方法后就会得到一个状态变为...是不是只要在请求时拿到这个 promise 实例，然后在 then 回调里取消请求就可以了？
这样后台根据token判断你的登录情况 // 即使本地存在token，也有可能token是过期的，所以在响应拦截器中要对返回状态进行判断 const token = store.state.token...} else { return Promise.reject(response); } }, // 服务器状态码不是...2开头的的情况 // 这里可以跟你们的后台开发人员协商好统一的错误状态码 // 然后根据返回的状态码进行一些操作，例如登录过期提示，错误提示等等 // 下面列举几个常见的操作，其他需求可自行扩展...请求的header都加上token，不用每次请求都手动添加了 // 即使本地存在token，也有可能token是过期的，所以在响应拦截器中要对返回状态进行判断 const token = store.state.token...判断用户的登录情况，并返回给我们对应的状态码 // 而后我们可以在响应拦截器中，根据状态码进行一些统一的操作。
p.then(() => console.log('tick:a')) .then(() => console.log('tick:b')); 上面代码一开始创建了一个已经完成状态的 promise...async 函数 根据 MDN，async 函数是一个通过异步执行并隐式返回 promise 作为结果的函数。从开发者角度看，async 函数让异步代码看起来像同步代码。...然后，处理函数会绑定这个 promise 用于在 promise 完成后恢复主函数，此时 async 函数被暂停了，返回 implicit_promise 给调用者。...暂停 async 函数并返回 implicit_promise 给掉用者。 我们一步步来看，假设 await 后是一个 promise，且最终已完成状态的值是 42。...我们还有些对 JavaScript 开发者友好的性能建议： 多使用 async 和 await 而不是手写 promise 代码，多使用 JavaScript 引擎提供的 promise 而不是自己去实现
它是一个技术统称，本身不是一种技术。 特点 异步请求：XHR 允许进行异步请求，它可以在后台执行，而不会阻止页面的其他操作。 支持跨域请求：通过服务器端设置允许跨域请求，从不同域的服务器获取数据。...在上面的例子中，我们等待 XHR 对象的状态变为 4（表示请求完成）并且 HTTP 状态码为 200（表示成功响应）时，解析响应数据。...特点 Promise 风格：Fetch API 使用 Promise 对象来处理异步请求，使代码更具可读性和可维护性。...处理响应：fetch()返回一个 Promise，您可以使用.then()链式调用来处理响应数据，例如使用.json()方法解析 JSON 数据或.text()方法获取文本数据。...response.ok) { throw new Error("请求失败，状态码：" + response.status); } return response.json()
在其他模块中，可以像使用原始的 Axios 一样使用该实例，不必在每个请求中都手动添加 Token。例如： import axios from '....以下是一个较为完整的 Axios 封装例子，它实现了以下功能： 添加了一个请求拦截器，在请求中添加 Token 和其他公共参数； 添加了一个响应拦截器，在响应中统一处理错误； 对于 HTTP 状态码非...200 的响应，会将错误信息以 Promise.reject 的形式返回，便于在调用处处理错误； 对于 401 错误（未授权），会自动跳转到登录页面。...的响应，将错误信息以 Promise.reject 的形式返回 if (response.status !...在响应拦截器中，我们判断了 HTTP 状态码非 200 的响应，并将错误信息以 Promise.reject 的形式返回。对于 401 错误，我们自动跳转到登录页面。
数组分组 在日常编程中，我们常常需要对数组的元素进行分类和分组，数组分组是一种极其常见的操作，SQL 的 GROUP BY 语句和 MapReduce 编程就是最好的例子。...前者返回一个无原型的对象，这可以使解构更为方便，并且可以防止与全局 Object 属性冲突。...// Map.groupBy在Map中返回项，适用于使用对象键进行分组。...Promise.withResolvers 当手动执行 Promise 时，我们必须要传递一个执行回调，它接受两个参数：一个 resolve 函数，它负责触发 Promise 的 resolve 状态，...以及一个 reject 函数，它触发 reject 状态。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
