var Component=(()=>{var h=Object.create;var r=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var F=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,D=Object.prototype.hasOwnProperty;var A=(n,l)=>()=>(l||n((l={exports:{}}).exports,l),l.exports),B=(n,l)=>{for(var s in l)r(n,s,{get:l[s],enumerable:!0})},a=(n,l,s,o)=>{if(l&&typeof l=="object"||typeof l=="function")for(let c of F(l))!D.call(n,c)&&c!==s&&r(n,c,{get:()=>l[c],enumerable:!(o=p(l,c))||o.enumerable});return n};var C=(n,l,s)=>(s=n!=null?h(y(n)):{},a(l||!n||!n.__esModule?r(s,"default",{value:n,enumerable:!0}):s,n)),m=n=>a(r({},"__esModule",{value:!0}),n);var t=A((S,i)=>{i.exports=_jsx_runtime});var u={};B(u,{default:()=>f,frontmatter:()=>N});var e=C(t()),N={title:"\u4F7F\u7528 Axios \u5C01\u88C5 HTTP \u8BF7\u6C42\u5C42",date:"2022-07-12",language:"zh-CN",category:"other"};function d(n){let l=Object.assign({nav:"nav",ol:"ol",li:"li",a:"a",blockquote:"blockquote",p:"p",h3:"h3",span:"span",img:"img",div:"div",pre:"pre",code:"code",ul:"ul"},n.components);return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(l.nav,{className:"toc",children:(0,e.jsxs)(l.ol,{className:"toc-level toc-level-1",children:[(0,e.jsx)(l.li,{className:"toc-item toc-item-h3",children:(0,e.jsx)(l.a,{className:"toc-link toc-link-h3",href:"#axios-\u7684\u5386\u53F2\u548C\u539F\u7406",children:"Axios \u7684\u5386\u53F2\u548C\u539F\u7406"})}),(0,e.jsx)(l.li,{className:"toc-item toc-item-h3",children:(0,e.jsx)(l.a,{className:"toc-link toc-link-h3",href:"#axios-\u7684\u4F18\u52BF\u76F8\u5BF9\u4E8E-fetch",children:"Axios \u7684\u4F18\u52BF(\u76F8\u5BF9\u4E8E fetch)"})}),(0,e.jsx)(l.li,{className:"toc-item toc-item-h3",children:(0,e.jsx)(l.a,{className:"toc-link toc-link-h3",href:"#axios-\u5C01\u88C5\u793A\u4F8B",children:"Axios \u5C01\u88C5\u793A\u4F8B"})}),(0,e.jsx)(l.li,{className:"toc-item toc-item-h3",children:(0,e.jsx)(l.a,{className:"toc-link toc-link-h3",href:"#\u62E6\u622A\u5668\u7528\u6CD5\u793A\u4F8B---refresh-access",children:"\u62E6\u622A\u5668\u7528\u6CD5\u793A\u4F8B - Refresh Access"})}),(0,e.jsx)(l.li,{className:"toc-item toc-item-h3",children:(0,e.jsx)(l.a,{className:"toc-link toc-link-h3",href:"#\u53C2\u8003\u8D44\u6599",children:"\u53C2\u8003\u8D44\u6599"})})]})}),` `,(0,e.jsxs)(l.blockquote,{children:[` `,(0,e.jsxs)(l.p,{children:[(0,e.jsx)(l.a,{href:"https://github.com/axios/axios",children:"Axios"})," \u662F\u5F53\u524D JavaScript \u751F\u6001\u4E2D\u6700\u6D41\u884C\u7684 HTTP \u8BF7\u6C42\u5E93\uFF0C\u5373\u4FBF 2017 \u5E74\u5DE6\u53F3\u4E3B\u6D41\u6D4F\u89C8\u5668\u5C31\u90FD\u652F\u6301\u4E86\u539F\u751F\u7684 ",(0,e.jsx)(l.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API",children:"Fetch API"}),"\uFF0C\u4F46 Axios \u7684\u8BED\u6CD5\u4F18\u52BF\u548C\u5185\u7F6E\u7684\u4FBF\u6377\u529F\u80FD\u8BA9\u5B83\u5728\u4ECA\u5929\u4ECD\u7136\u662F\u591A\u6570\u5F00\u53D1\u8005\u7684\u9996\u9009\u3002"]}),` `]}),` `,(0,e.jsxs)(l.h3,{id:"axios-\u7684\u5386\u53F2\u548C\u539F\u7406",children:[(0,e.jsx)(l.a,{"aria-hidden":"true",tabIndex:"-1",href:"#axios-\u7684\u5386\u53F2\u548C\u539F\u7406",children:(0,e.jsx)(l.span,{className:"icon icon-link"})}),"Axios \u7684\u5386\u53F2\u548C\u539F\u7406"]}),` `,(0,e.jsxs)(l.p,{children:["\u65E9\u671F(2005\u5E74\u4E4B\u524D)\u7F51\u7AD9\u53D1\u9001 HTTP \u8BF7\u6C42\u5230\u670D\u52A1\u5668\uFF0C\u670D\u52A1\u5668\u4F1A\u8FD4\u56DE\u65B0\u7684 HTML\uFF0C\u4E4B\u540E\u6D4F\u89C8\u5668\u9700\u8981\u89E3\u6790 HTML \u91CD\u65B0\u6784\u5EFA DOM \u5E76\u6E32\u67D3\u6574\u4E2A\u9875\u9762\u3002\u5F88\u5FEB\u4EBA\u4EEC\u53D1\u73B0\u8FD9\u6837\u7684\u4EA4\u4E92\u4F53\u9A8C\u4E0D\u5C3D\u4EBA\u610F\uFF0C\u4E8E\u662F\u53D1\u660E\u4E86 ",(0,e.jsx)(l.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Guide/AJAX",children:"AJAX"})," \u8FD9\u4E2A\u6A21\u5F0F\u6765\u5B9E\u73B0\u5C40\u90E8\u5237\u65B0\u3002\u5B83\u4F7F\u7528 ",(0,e.jsx)(l.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest",children:"XMLHttpRequest"}),"(\u7B80\u79F0XHR) \u5728\u540E\u53F0\u53D1\u8D77 HTTP \u8BF7\u6C42\uFF0C\u6536\u5230\u670D\u52A1\u5668\u8FD4\u56DE\u540E\u901A\u8FC7 JavaScript \u64CD\u7EB5 DOM \u4EE5\u5C40\u90E8\u66F4\u65B0\u9875\u9762\u3002"]}),` `,(0,e.jsx)(l.p,{children:"Axios \u6B63\u662F\u57FA\u4E8E XHR \u7684 HTTP \u8BF7\u6C42\u5E93(\u5B9E\u9645\u4E0A Axios \u5373\u652F\u6301\u6D4F\u89C8\u5668\u73AF\u5883\u53C8\u652F\u6301 Node.js \u73AF\u5883\uFF0C\u5728\u4E0D\u540C\u7684\u73AF\u5883\u4E2D\u4F9D\u9760\u4E0D\u540C\u7684\u539F\u751F\u5DE5\u5177\u6765\u53D1\u51FA HTTP \u8BF7\u6C42\uFF0C\u5728\u6D4F\u89C8\u5668\u4E2D\u4F7F\u7528 XHR \u800C\u5728 Node.js \u4E2D\u4F7F\u7528\u5185\u7F6E\u7684 http \u6A21\u5757)\u3002"}),` `,(0,e.jsx)(l.p,{children:(0,e.jsx)(l.img,{src:"/images/axios-xhr-adapter.png",alt:"Axios \u6E90\u4EE3\u7801\u4E2D\u4F7F\u7528\u4E86 XHR"})}),` `,(0,e.jsx)(l.p,{children:"\u4E0A\u56FE\u4E3A\uFF1AAxios \u6E90\u4EE3\u7801\u4E2D\u4F7F\u7528\u4E86 XHR"}),` `,(0,e.jsx)(l.p,{children:"\u5728\u4F7F\u7528\u4E86 AJAX \u540E\u7528\u6237\u4F53\u9A8C\u5F97\u5230\u6539\u5584\uFF0C\u4F46\u5F00\u53D1\u8005\u5374\u5BF9 XHR \u7684\u8BED\u6CD5\u4E0D\u592A\u6EE1\u610F\uFF0C\u5B83\u6709\u4E00\u5806\u4E8B\u4EF6\u548C\u72B6\u6001\uFF0C\u5927\u4F53\u4F7F\u7528\u65B9\u6CD5\u5982\u4E0B\uFF1A"}),` `,(0,e.jsx)(l.div,{"data-rehype-pretty-code-fragment":"",children:(0,e.jsx)(l.pre,{"data-language":"js","data-theme":"default",children:(0,e.jsxs)(l.code,{"data-language":"js","data-theme":"default",children:[(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9D7CD8",fontStyle:"italic"},children:"var"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"request"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"new"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"XMLHttpRequest"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"()"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:";"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"request"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"onreadystatechange"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"function"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"()"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"{"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"if"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" ("}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"xhr"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"readyState"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"==="}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF9E64"},children:"4"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:") { "}),(0,e.jsx)(l.span,{style:{color:"#444B6A",fontStyle:"italic"},children:"// 4 means request is completed"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"if"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" ("}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"xhr"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"status"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"==="}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF9E64"},children:"200"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:") {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"console"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"log"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"xhr"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"responseText"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:")"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:";"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" } "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"else"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"console"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"log"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"Error: "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"+"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"xhr"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"status"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:")"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:";"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" }"})}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" }"})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:";"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"request"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"open"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"GET"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"hello.txt"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:")"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:";"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"request"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"send"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"()"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:";"})]})]})})}),` `,(0,e.jsxs)(l.p,{children:["\u968F\u7740\u65F6\u4EE3\u53D1\u5C55\uFF0C2015 \u5E74 ",(0,e.jsx)(l.a,{href:"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise",children:"Promise"})," \u88AB\u5F15\u5165\u8BED\u8A00\u6807\u51C6(ES6)\u7528\u4E8E\u5904\u7406\u5F02\u6B65\u64CD\u4F5C\u3002\u76F8\u6BD4\u7EAF\u56DE\u8C03\u7684\u65B9\u5F0F\uFF0CPromise \u901A\u8FC7\u94FE\u5F0F\u8C03\u7528\u7684\u65B9\u5F0F\u907F\u514D\u4E86\u56DE\u8C03\u5730\u72F1\u6240\u4EE5\u5F88\u5FEB\u53D7\u5230\u5F00\u53D1\u8005\u7684\u9752\u7750(ES2017\u4E2D\u5F15\u5165\u4E86 async/await \u5173\u952E\u8BCD\uFF0C\u4E0D\u8FC7\u8FD9\u53EA\u662F\u8BED\u6CD5\u7CD6\uFF0C\u672C\u8D28\u8FD8\u662F Promise)\u3002"]}),` `,(0,e.jsx)(l.p,{children:"HTTP \u8BF7\u6C42\u5929\u751F\u5C31\u6709\u5F02\u6B65\u5C5E\u6027\uFF0C\u5F00\u53D1\u8005\u5E0C\u671B\u80FD\u5728\u505A HTTP \u8BF7\u6C42\u65F6\u4F7F\u7528 Promise \u4F46\u662F XHR \u5E76\u6CA1\u6709\u63D0\u4F9B\u57FA\u4E8E Promise \u7684 API\uFF0C\u4E8E\u662F Axios \u9879\u76EE\u6B63\u5F0F\u542F\u52A8\uFF0C\u5B83\u7684\u5B9A\u4F4D\u662F:"}),` `,(0,e.jsxs)(l.blockquote,{children:[` `,(0,e.jsx)(l.p,{children:"Promise based HTTP client for the browser and node.js"}),` `]}),` `,(0,e.jsxs)(l.h3,{id:"axios-\u7684\u4F18\u52BF\u76F8\u5BF9\u4E8E-fetch",children:[(0,e.jsx)(l.a,{"aria-hidden":"true",tabIndex:"-1",href:"#axios-\u7684\u4F18\u52BF\u76F8\u5BF9\u4E8E-fetch",children:(0,e.jsx)(l.span,{className:"icon icon-link"})}),"Axios \u7684\u4F18\u52BF(\u76F8\u5BF9\u4E8E fetch)"]}),` `,(0,e.jsx)(l.p,{children:"\u867D\u7136 fetch \u4E5F\u57FA\u4E8E Promise\uFF0C\u5E76\u4E14\u8FD8\u662F\u539F\u751F\u7684 Web API(\u8FD9\u610F\u5473\u7740\u4F60\u4E0D\u9700\u8981\u5F15\u5165\u989D\u5916\u7684\u7B2C\u4E09\u65B9\u4EE3\u7801)\uFF0C\u4F46\u4E3A\u4EC0\u4E48\u5F00\u53D1\u8005\u4ECD\u7136\u4F1A\u9009\u62E9 axios \u5462? \u4E2A\u4EBA\u8BA4\u4E3A\u662F\u4E0B\u9762\u8FD9\u4E9B\u4F18\u52BF\uFF1A"}),` `,(0,e.jsxs)(l.ol,{children:[` `,(0,e.jsx)(l.li,{children:"Learn once, use everywhere"}),` `]}),` `,(0,e.jsx)(l.p,{children:"Axios \u65E2\u53EF\u4EE5\u5728\u6D4F\u89C8\u5668\u4E5F\u53EF\u4EE5\u5728 Node.js \u73AF\u5883\u4E2D\u4F7F\u7528\u5E76\u4E14\u8BED\u6CD5\u4E00\u81F4\u3002\u8FD9\u76F8\u5F53\u4E8E\u62B9\u5E73\u4E86\u4E0D\u540C\u8FD0\u884C\u65F6\u7684\u8BED\u6CD5\u5DEE\u5F02\uFF0C\u5BF9\u4E8E\u5168\u6808\u5F00\u53D1\u8005\u6216\u8005\u6765\u8BF4\u964D\u4F4E\u4E86\u5B66\u4E60\u548C\u7EF4\u62A4\u96BE\u5EA6\u3002"}),` `,(0,e.jsxs)(l.ol,{start:"2",children:[` `,(0,e.jsx)(l.li,{children:"Axios \u5141\u8BB8\u521B\u5EFA\u591A\u4E2A\u5B9E\u4F8B(instance)"}),` `]}),` `,(0,e.jsx)(l.p,{children:"fetch \u662F\u5178\u578B\u7684\u5355\u4F8B\u6A21\u5F0F\uFF0C\u5728\u4EFB\u4F55\u65F6\u5019\u53EA\u6709\u4E00\u4E2A\u5B9E\u4F8B\u3002Axios \u4E5F\u53EF\u4EE5\u4F5C\u4E3A\u5355\u4F8B\u4F7F\u7528\uFF0C\u4F46\u662F\u5B83\u5141\u8BB8\u521B\u5EFA\u591A\u4E2A\u5B9E\u4F8B\u4EE5\u5E94\u5BF9\u590D\u6742\u573A\u666F\u3002\u6BD4\u5982\u4E00\u4E2A\u524D\u7AEF\u9879\u76EE\u53EF\u80FD\u4F1A\u5BF9\u63A5\u591A\u4E2A\u4E0D\u76F8\u5E72\u7684\u540E\u7AEF\u670D\u52A1\u5E76\u4E14\u5B83\u4EEC\u5BF9\u8BF7\u6C42\u683C\u5F0F\u7684\u8981\u6C42\u4E0D\u540C\uFF0C\u8FD9\u65F6\u53EF\u4EE5\u521B\u5EFA\u591A\u4E2A Axios \u5B9E\u4F8B\u5206\u522B\u5BF9\u5E94\u8FD9\u4E9B\u540E\u7AEF\u670D\u52A1\u3002"}),` `,(0,e.jsxs)(l.ol,{start:"3",children:[` `,(0,e.jsx)(l.li,{children:"Axios \u53EF\u4EE5\u8BBE\u5B9A\u9ED8\u8BA4\u503C"}),` `]}),` `,(0,e.jsx)(l.p,{children:"\u5728\u914D\u7F6E Axios \u7684\u65F6\u5019\u53EF\u4EE5\u8BBE\u5B9A\u4E00\u4E9B\u9ED8\u8BA4\u503C\uFF0C\u6BD4\u5982 baseURL, headers \u4E4B\u7C7B:"}),` `,(0,e.jsx)(l.div,{"data-rehype-pretty-code-fragment":"",children:(0,e.jsx)(l.pre,{"data-language":"js","data-theme":"default",children:(0,e.jsxs)(l.code,{"data-language":"js","data-theme":"default",children:[(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"axios"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"defaults"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"baseURL"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"https://api.example.com"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:";"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"axios"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"defaults"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"headers"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"common"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"["}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"Authorization"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"]"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"XXX"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:";"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"axios"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"defaults"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"headers"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"post"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"["}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"Content-Type"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"]"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"application/json"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"})]})]})})}),` `,(0,e.jsxs)(l.ol,{start:"4",children:[` `,(0,e.jsx)(l.li,{children:"Axios \u81EA\u5E26\u62E6\u622A\u5668(interceptor)"}),` `]}),` `,(0,e.jsx)(l.p,{children:"\u62E6\u622A\u5668\u53EF\u4EE5\u62E6\u622A request/response \u5E76\u505A\u4E00\u4E9B\u901A\u7528\u5904\u7406\uFF0C\u8FD9\u5728\u67D0\u4E9B\u60C5\u51B5\u4E0B\u975E\u5E38\u6709\u7528(\u540E\u6587\u4F1A\u4E3E\u4F8B\u8BF4\u660E)\u3002"}),` `,(0,e.jsxs)(l.ol,{start:"5",children:[` `,(0,e.jsx)(l.li,{children:"Axios \u7B80\u5316\u4E86\u548C JSON \u76F8\u5173\u7684\u64CD\u4F5C"}),` `]}),` `,(0,e.jsx)(l.div,{"data-rehype-pretty-code-fragment":"",children:(0,e.jsx)(l.pre,{"data-language":"js","data-theme":"default",children:(0,e.jsxs)(l.code,{"data-language":"js","data-theme":"default",children:[(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9D7CD8",fontStyle:"italic"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"url"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"https://jsonplaceholder.typicode.com/posts"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9D7CD8",fontStyle:"italic"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"data"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#73DACA"},children:"a"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF9E64"},children:"10"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#73DACA"},children:"b"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF9E64"},children:"20"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:";"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9D7CD8",fontStyle:"italic"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"headers"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"{"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#73DACA"},children:"Accept"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"application/json"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"Content-Type"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"application/json;charset=UTF-8"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:";"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#444B6A",fontStyle:"italic"},children:"// axios"})}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"axios"})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"post"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"url"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"data"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"headers"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"})"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#444B6A",fontStyle:"italic"},children:"// \u81EA\u5E26 post \u7B49\u65B9\u6CD5\uFF1B\u4F20\u53C2\u65F6\u65E0\u987B\u624B\u52A8\u5E8F\u5217\u5316"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"then"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"(("}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0AF68"},children:"data"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:")"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"=>"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"{ "}),(0,e.jsx)(l.span,{style:{color:"#444B6A",fontStyle:"italic"},children:"// \u81EA\u52A8 JSON \u89E3\u6790"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"console"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"log"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"data"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:")"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:";"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" })"})}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#444B6A",fontStyle:"italic"},children:"// fetch"})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9D7CD8",fontStyle:"italic"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"options"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"{"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#73DACA"},children:"method"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"POST"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#73DACA"},children:"headers"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"headers"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#73DACA"},children:"body"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"JSON"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"stringify"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"data"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:")"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#444B6A",fontStyle:"italic"},children:"// \u9700\u8981\u624B\u52A8\u5E8F\u5217\u5316\u4EE5\u4F5C\u4E3A http body"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:";"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"fetch"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"url"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"options"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:")"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"then"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"(("}),(0,e.jsx)(l.span,{style:{color:"#E0AF68"},children:"response"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:")"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"=>"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"response"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"json"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"())"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#444B6A",fontStyle:"italic"},children:"// \u9700\u8981\u624B\u52A8\u505A JSON \u89E3\u6790"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"then"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"(("}),(0,e.jsx)(l.span,{style:{color:"#E0AF68"},children:"data"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:")"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"=>"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"{"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"console"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"log"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"data"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:")"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:";"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" })"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:";"})]})]})})}),` `,(0,e.jsxs)(l.ol,{start:"6",children:[` `,(0,e.jsx)(l.li,{children:"\u5176\u4ED6\u529F\u80FD\uFF1A\u6BD4\u5982\u81EA\u5E26 timeout, \u66F4\u7B80\u5355\u6613\u7528\u7684\u8BF7\u6C42\u53D6\u6D88\u673A\u5236\u7B49"}),` `]}),` `,(0,e.jsxs)(l.h3,{id:"axios-\u5C01\u88C5\u793A\u4F8B",children:[(0,e.jsx)(l.a,{"aria-hidden":"true",tabIndex:"-1",href:"#axios-\u5C01\u88C5\u793A\u4F8B",children:(0,e.jsx)(l.span,{className:"icon icon-link"})}),"Axios \u5C01\u88C5\u793A\u4F8B"]}),` `,(0,e.jsx)(l.p,{children:"\u4E0D\u540C\u9879\u76EE\u5BF9\u8BF7\u6C42\u5C42\u7684\u8981\u6C42\u51E0\u4E4E\u90FD\u4E0D\u540C\uFF0C\u5047\u8BBE\u9879\u76EE\u4E2D\u5BF9\u4E8E HTTP \u8BF7\u6C42\u5C42\u7684\u9700\u6C42\u5982\u4E0B\uFF1A"}),` `,(0,e.jsxs)(l.ul,{children:[` `,(0,e.jsxs)(l.li,{children:[` `,(0,e.jsx)(l.p,{children:"\u6240\u6709\u7684 API \u90FD\u5728\u4E00\u4E2A\u7AD9\u70B9\u4E0B\uFF0C\u800C\u4E14\u5BF9\u8BF7\u6C42\u683C\u5F0F\u7684\u8981\u6C42\u76F8\u540C (\u65E0\u9700\u4F7F\u7528\u591A\u4E2A Axios \u5B9E\u4F8B)"}),` `]}),` `,(0,e.jsxs)(l.li,{children:[` `,(0,e.jsx)(l.p,{children:"\u5927\u591A\u6570 API \u9700\u8981\u8BA4\u8BC1\u548C\u6388\u6743\u624D\u80FD\u8BBF\u95EE(\u9700\u8981\u8BBE\u7F6E Authorization \u8BF7\u6C42\u5934)\uFF0C\u4F46\u6709\u5C11\u91CF\u7684 API \u662F\u516C\u5F00\u7684(\u65E0\u9700\u8BA4\u8BC1\u548C\u6388\u6743)"}),` `]}),` `,(0,e.jsxs)(l.li,{children:[` `,(0,e.jsx)(l.p,{children:"API \u7684\u98CE\u683C\u662F RESTful"}),` `]}),` `,(0,e.jsxs)(l.li,{children:[` `,(0,e.jsx)(l.p,{children:"\u5173\u4E8E\u8BF7\u6C42\u65B9\u6CD5\u7684\u4E00\u4E9B\u7EA6\u5B9A:"}),` `,(0,e.jsxs)(l.ol,{children:[` `,(0,e.jsx)(l.li,{children:"\u8BF7\u6C42\u65B9\u6CD5\u53EF\u80FD\u4F1A\u662F: GET, POST, PUT, PATCH, DELETE"}),` `,(0,e.jsx)(l.li,{children:"GET \u8BF7\u6C42\u53EA\u7528\u4E8E\u83B7\u53D6\u8D44\u6E90\uFF0C\u4E0D\u5E94\u8BE5\u751F\u6210\u6216\u8005\u4FEE\u6539\u8D44\u6E90"}),` `,(0,e.jsx)(l.li,{children:"POST \u7684\u4E3B\u8981\u7528\u5904\u662F create \u65B0\u8D44\u6E90\uFF0C\u6709\u65F6\u83B7\u53D6\u8D44\u6E90\u9700\u8981\u4F20\u7ED3\u6784\u5316\u6570\u636E\u7ED9 API \u4E5F\u53EF\u4EE5\u8003\u8651\u4F7F\u7528 POST"}),` `,(0,e.jsx)(l.li,{children:"PUT \u7528\u4E8E\u5168\u91CF\u66F4\u65B0(\u81EA\u52A8\u751F\u6210\u7684\u5B57\u6BB5\u6BD4\u5982 id \u9664\u5916), \u76F8\u5F53\u4E8E\u5148\u5220\u9664\u518D\u521B\u5EFA"}),` `,(0,e.jsx)(l.li,{children:"PATCH \u7528\u4E8E\u90E8\u5206\u66F4\u65B0\uFF0C\u53EA\u4F1A\u66F4\u65B0 payload \u91CC\u9762\u6709\u7684\u5B57\u6BB5"}),` `,(0,e.jsx)(l.li,{children:"DELETE \u7528\u4E8E\u5220\u9664\u8D44\u6E90"}),` `]}),` `]}),` `,(0,e.jsxs)(l.li,{children:[` `,(0,e.jsx)(l.p,{children:"\u5173\u4E8E request payload \u7684\u4E00\u4E9B\u7EA6\u5B9A\uFF1A"}),` `,(0,e.jsxs)(l.ol,{children:[` `,(0,e.jsx)(l.li,{children:"request \u7684 payload \u53EF\u80FD\u5B58\u5728\u4E8E\u4E24\u4E2A\u5730\u65B9\uFF1AURL \u548C HTTP Body"}),` `,(0,e.jsx)(l.li,{children:"URL \u91CC\u7684 payload \u5206\u4E3A\u4E24\u79CD\uFF1AURL Path & URL Query Params"}),` `,(0,e.jsx)(l.li,{children:"GET \u8BF7\u6C42\u4E00\u822C\u4E0D\u4F1A\u6709 HTTP Body"}),` `,(0,e.jsx)(l.li,{children:"\u5982\u679C request payload \u662F HTTP Body \u7684\u5F62\u5F0F\u90A3\u4E48\u5927\u90E8\u5206\u60C5\u51B5 Content-Type \u8BF7\u6C42\u5934\u662F application/json \u4F46\u4E0D\u6392\u9664\u7279\u6B8A\u60C5\u51B5"}),` `]}),` `]}),` `,(0,e.jsxs)(l.li,{children:[` `,(0,e.jsx)(l.p,{children:"\u5173\u4E8E response \u4E2D Content-Type \u8FD4\u56DE\u5934\u7684\u4E00\u4E9B\u7EA6\u5B9A\uFF1A"}),` `,(0,e.jsxs)(l.ol,{children:[` `,(0,e.jsx)(l.li,{children:"Content-Type \u8FD4\u56DE\u5934\u4E00\u822C\u662F application/json \u4F46\u4E0D\u6392\u9664\u4F1A\u6709\u5176\u4ED6\u60C5\u51B5\u6BD4\u5982 text/plain \u4E4B\u7C7B"}),` `,(0,e.jsx)(l.li,{children:"\u5982\u679C\u662F\u6587\u4EF6\u4E0B\u8F7D\u670D\u52A1 Content-Type \u4F1A\u5C3D\u91CF\u662F\u6587\u4EF6\u7C7B\u578B\u5BF9\u5E94\u7684 MIME \u7C7B\u578B(\u6BD4\u5982 application/pdf, application/zip \u4E4B\u7C7B)\uFF0C\u5BF9\u4E8E\u672A\u77E5\u6587\u4EF6\u7C7B\u578B\u4F1A\u8FD4\u56DE application/octet-stream\uFF1B\u5BA2\u6237\u7AEF\u62FF\u5230\u6587\u4EF6\u540E\u53EF\u80FD\u9700\u8981\u5C55\u793A\u6587\u4EF6\u5185\u5BB9\u4E5F\u53EF\u80FD\u9700\u8981\u76F4\u63A5\u4E0B\u8F7D\u5E76\u4FDD\u5B58"}),` `]}),` `]}),` `]}),` `,(0,e.jsx)(l.p,{children:"\u6709\u4E86\u5177\u4F53\u7684\u9700\u6C42\u5C31\u53EF\u4EE5\u7740\u624B\u5C01\u88C5\u4E86\u3002\u9996\u5148\u5B9A\u4E49\u4E00\u4E9B\u7C7B\u578B(types.ts):"}),` `,(0,e.jsx)(l.div,{"data-rehype-pretty-code-fragment":"",children:(0,e.jsx)(l.pre,{"data-language":"ts","data-theme":"default",children:(0,e.jsxs)(l.code,{"data-language":"ts","data-theme":"default",children:[(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#444B6A",fontStyle:"italic"},children:"// \u8FD9\u4E0D\u5305\u62EC\u6240\u6709\u7684 HTTP \u65B9\u6CD5(\u6BD4\u5982 HEAD \u548C OPTIONS \u65B9\u6CD5)\uFF0C\u4F46\u8986\u76D6\u4E86\u5927\u90E8\u5206\u573A\u666F"})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"export"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"type"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"HttpMethod"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"GET"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"|"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"POST"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"|"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"PUT"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"|"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"PATCH"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"|"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"DELETE"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"export"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"interface"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"IRequestOption"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"{"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#73DACA"},children:"method"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"?:"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"HttpMethod"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#73DACA"},children:"params"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"?:"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"Record"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"string"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"any"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:">"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#444B6A",fontStyle:"italic"},children:"// url query params"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#73DACA"},children:"body"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"?:"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"any"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#73DACA"},children:"headers"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"?:"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"Record"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"string"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"string"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#73DACA"},children:"skipAuth"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"?:"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"boolean"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#444B6A",fontStyle:"italic"},children:"// whether to include auth header"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#73DACA"},children:"requestBinaryData"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"?:"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"{"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#73DACA"},children:"saveAsFile"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"boolean"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:";"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#444B6A",fontStyle:"italic"},children:"// whether to save response data as file"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"}"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"}"})})]})})}),` `,(0,e.jsx)(l.p,{children:"\u518D\u5B9A\u4E49\u4E00\u4E9B utils \u51FD\u6570\u6765\u5904\u7406\u6587\u4EF6\u4E0B\u8F7D(utils.ts):"}),` `,(0,e.jsx)(l.div,{"data-rehype-pretty-code-fragment":"",children:(0,e.jsx)(l.pre,{"data-language":"ts","data-theme":"default",children:(0,e.jsxs)(l.code,{"data-language":"ts","data-theme":"default",children:[(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"export"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"function"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"getFilenameFromResponse"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#E0AF68"},children:"contentDisposition"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"string"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0AF68"},children:"fallback"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"data"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:")"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"string"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"{"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#444B6A",fontStyle:"italic"},children:'// content disposition example: attachment; filename="abc.pdf"'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"if"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" ("}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"!"}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"contentDisposition"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:") {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"console"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"warn"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"Content-Disposition header missing in response"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:")"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7",fontStyle:"italic"},children:"return"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"fallback"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" }"})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9D7CD8",fontStyle:"italic"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"filename"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"contentDisposition"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"split"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:";"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:")"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"find"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#E0AF68"},children:"it"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"=>"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"it"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"trim"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"()"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"startsWith"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"filename"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"))"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"?."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"split"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:")["}),(0,e.jsx)(l.span,{style:{color:"#FF9E64"},children:"1"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"]"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"?."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"trim"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"()"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"?."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"replace"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"/"}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"^"}),(0,e.jsx)(l.span,{style:{color:"#E0AF68"},children:`['"]`}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"|"}),(0,e.jsx)(l.span,{style:{color:"#E0AF68"},children:`['"]`}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"$"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"/g"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'""'}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:")"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:";"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"if"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" ("}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"!"}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"filename"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:") {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"console"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"warn"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"`"}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"Failed to parse Content-Disposition header "}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"${"}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"contentDisposition"}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:", fallback to "}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"${"}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"fallback"}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"`"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:")"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7",fontStyle:"italic"},children:"return"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"fallback"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" }"})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7",fontStyle:"italic"},children:"return"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"filename"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"}"})}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"export"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"function"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"downloadAsFile"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0AF68"},children:"blob"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"Blob"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0AF68"},children:"filename"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"string"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#444B6A",fontStyle:"italic"},children:"// important: filename with suffix"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:")"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"{"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9D7CD8",fontStyle:"italic"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"url"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"window"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"URL"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"createObjectURL"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"blob"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:")"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:";"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#444B6A",fontStyle:"italic"},children:"// create an invisible link"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9D7CD8",fontStyle:"italic"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"link"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"document"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"createElement"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"a"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:")"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:";"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"link"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"href"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"url"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:";"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"link"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"download"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"filename"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:";"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"link"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"style"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"display"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"none"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:";"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"document"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"body"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"appendChild"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"link"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:")"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:";"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"link"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"click"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"()"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:";"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#444B6A",fontStyle:"italic"},children:"// release memory"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"window"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"URL"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"revokeObjectURL"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"url"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:")"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"}"})})]})})}),` `,(0,e.jsx)(l.p,{children:"\u73B0\u5728\u6B63\u5F0F\u5F00\u59CB\u5C01\u88C5 axios \u4EE5\u6784\u5EFA request \u51FD\u6570 (request.ts):"}),` `,(0,e.jsx)(l.div,{"data-rehype-pretty-code-fragment":"",children:(0,e.jsx)(l.pre,{"data-language":"ts","data-theme":"default",children:(0,e.jsxs)(l.code,{"data-language":"ts","data-theme":"default",children:[(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"import"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"axios"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"from"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"axios"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"import"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"{ "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"IRequestOption"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" }"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"from"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"./types.ts"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"import"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"{ "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"getFilenameFromResponse"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"downloadAsFile"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" }"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"from"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"./utils"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"export"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9D7CD8",fontStyle:"italic"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"LOCAL_STORAGE_KEY"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"{"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF9E64"},children:"ACCESS_TOKEN"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"access_token"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF9E64"},children:"REFRESH_TOKEN"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"refresh_token"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"}"})}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#444B6A",fontStyle:"italic"},children:"// set up base url (if FE & backend happen to be under the same host, skip this)"})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"axios"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"defaults"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"baseURL"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"https://api.example.com"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:";"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#444B6A",fontStyle:"italic"},children:"// request wrapper based on axios"})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"export"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9D7CD8",fontStyle:"italic"},children:"async"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"function"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"request"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"T"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"any"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:">"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#E0AF68"},children:"url"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"string"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0AF68"},children:"option"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"IRequestOption"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"{})"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"Promise"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"T"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:">"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"{"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9D7CD8",fontStyle:"italic"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"method"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"GET"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"params"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"body"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"headers"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" {}"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"skipAuth"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF9E64"},children:"false"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"requestBinaryData"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"option"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:";"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#444B6A",fontStyle:"italic"},children:"// make api call"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9D7CD8",fontStyle:"italic"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"accessToken"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"localStorage"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"getItem"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"LOCAL_STORAGE_KEY"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#FF9E64"},children:"ACCESS_TOKEN"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:")"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:";"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9D7CD8",fontStyle:"italic"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"response"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7",fontStyle:"italic"},children:"await"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"axios"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"request"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"T"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:">"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"({"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#73DACA"},children:"method"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"method"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"toLowerCase"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"()"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#444B6A",fontStyle:"italic"},children:"// axios uses lowercase for method"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#73DACA"},children:"url"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"url"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#73DACA"},children:"headers"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"skipAuth"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"?"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"headers"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" : {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#F7768E",fontWeight:"bold"},children:"..."}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"headers"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" ["}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"Authorization"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"]"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"`"}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"Bearer "}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"${"}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"accessToken"}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"`"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" }"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#73DACA"},children:"params"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"params"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#73DACA"},children:"data"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"body"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#73DACA"},children:"responseType"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"requestBinaryData"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"?"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"blob"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"json"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" })"})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#444B6A",fontStyle:"italic"},children:"/* save response data as file if saveAsFile is true */"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"if"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" ("}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"requestBinaryData"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"?."}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"saveAsFile"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:") {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9D7CD8",fontStyle:"italic"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"contentDisposition"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"response"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"headers"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"["}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"content-disposition"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"]"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9D7CD8",fontStyle:"italic"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"filename"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"getFilenameFromResponse"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"contentDisposition"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:")"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"downloadAsFile"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"(("}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"response"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"data"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"as"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"unknown"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:") "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"as"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"Blob"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"filename"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:")"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" }"})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#444B6A",fontStyle:"italic"},children:"// return data"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7",fontStyle:"italic"},children:"return"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"response"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"data"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"}"})})]})})}),` `,(0,e.jsx)(l.p,{children:"\u6700\u540E\u53EF\u4EE5\u628A method \u63D0\u53D6\u51FA\u6765\u4F5C\u4E3A\u5355\u72EC\u7684\u51FD\u6570 (index.ts):"}),` `,(0,e.jsx)(l.div,{"data-rehype-pretty-code-fragment":"",children:(0,e.jsx)(l.pre,{"data-language":"ts","data-theme":"default",children:(0,e.jsxs)(l.code,{"data-language":"ts","data-theme":"default",children:[(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"import"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"{ "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"HttpMethod"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"IRequestOption"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" }"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"from"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"./interface"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"import"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"{ "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"request"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" }"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"from"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"./request"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"type"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"IShortRequestOption"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"Omit"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"IRequestOption"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"method"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"|"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"data"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"|"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"params"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:">"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"function"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"constructHandyRequest"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"T"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"any"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:">"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"request"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#E0AF68"},children:"url"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"string"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0AF68"},children:"options"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"IRequestOption"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:")"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"=>"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"Promise"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"T"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:">,"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0AF68"},children:"method"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"HttpMethod"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:")"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"{"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"if"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" ("}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"method"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"==="}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"GET"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:") {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7",fontStyle:"italic"},children:"return"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" ("}),(0,e.jsx)(l.span,{style:{color:"#E0AF68"},children:"url"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"string"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0AF68"},children:"params"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"?:"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"Record"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"string"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"any"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:">,"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0AF68"},children:"options"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"?:"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"IShortRequestOption"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:") "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"=>"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7",fontStyle:"italic"},children:"return"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"request"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"url"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" { "}),(0,e.jsx)(l.span,{style:{color:"#F7768E",fontWeight:"bold"},children:"..."}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"options"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"method"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"params"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" })"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" }"})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" } "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"else"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7",fontStyle:"italic"},children:"return"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" ("}),(0,e.jsx)(l.span,{style:{color:"#E0AF68"},children:"url"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"string"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0AF68"},children:"body"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"?:"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"any"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0AF68"},children:"options"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"?:"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"IShortRequestOption"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:") "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"=>"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7",fontStyle:"italic"},children:"return"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"request"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"url"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" { "}),(0,e.jsx)(l.span,{style:{color:"#F7768E",fontWeight:"bold"},children:"..."}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"options"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"method"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"body"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" })"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" }"})}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" }"})}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"}"})}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"export"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"HttpRequest"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" = "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"{"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"Request"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:": "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"request"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"Get"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:": "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"constructHandyRequest"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"request"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" '"}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"Get"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"')"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"Post"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:": "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"constructHandyRequest"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"request"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" '"}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"Post"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"')"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"Put"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:": "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"constructHandyRequest"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"request"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" '"}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"Put"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"')"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"Patch"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:": "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"constructHandyRequest"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"request"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" '"}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"Patch"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"')"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"Delete"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:": "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"constructHandyRequest"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"request"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" '"}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"Delete"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"')"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"}"})})]})})}),` `,(0,e.jsx)(l.p,{children:"\u4E00\u4E9B\u5177\u4F53\u7684\u4F8B\u5B50\uFF1A"}),` `,(0,e.jsx)(l.div,{"data-rehype-pretty-code-fragment":"",children:(0,e.jsx)(l.pre,{"data-language":"ts","data-theme":"default",children:(0,e.jsxs)(l.code,{"data-language":"ts","data-theme":"default",children:[(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#444B6A",fontStyle:"italic"},children:"// list todos"})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"HttpRequest"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"Get"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"/todos"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:")"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#444B6A",fontStyle:"italic"},children:"// get details of an todo item(whose id is 1)"})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"HttpRequest"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"Get"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"/todos/1"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:")"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#444B6A",fontStyle:"italic"},children:"// get list of unfinished todos"})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"HttpRequest"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"Get"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"/todos?done=false"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:")"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"HttpRequest"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"Get"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"/todos"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#73DACA"},children:"done"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF9E64"},children:"false"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"})"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#444B6A",fontStyle:"italic"},children:"// create todo item"})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"HttpRequest"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"Post"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"/todos"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#73DACA"},children:"content"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"Walk the dog"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"})"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#444B6A",fontStyle:"italic"},children:"// change status of a todo item(whose id is 1)"})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"HttpRequest"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"Patch"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"/todos/1"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#73DACA"},children:"done"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF9E64"},children:"true"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"})"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#444B6A",fontStyle:"italic"},children:"// replace a todo item(whose id is 1)"})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"HttpRequest"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"Put"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"/todos/1"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#73DACA"},children:"conent"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"Walk the cow"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#73DACA"},children:"done"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF9E64"},children:"true"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"})"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#444B6A",fontStyle:"italic"},children:"// delete a todo item(whose id is 1)"})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"HttpRequest"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"Delete"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"/todos/1"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:")"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#444B6A",fontStyle:"italic"},children:"// delete a list of todos by id"})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"HttpRequest"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"Delete"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"/todos"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"["}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"1"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"2"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"3"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"])"})]})]})})}),` `,(0,e.jsxs)(l.h3,{id:"\u62E6\u622A\u5668\u7528\u6CD5\u793A\u4F8B---refresh-access",children:[(0,e.jsx)(l.a,{"aria-hidden":"true",tabIndex:"-1",href:"#\u62E6\u622A\u5668\u7528\u6CD5\u793A\u4F8B---refresh-access",children:(0,e.jsx)(l.span,{className:"icon icon-link"})}),"\u62E6\u622A\u5668\u7528\u6CD5\u793A\u4F8B - Refresh Access"]}),` `,(0,e.jsx)(l.p,{children:"\u5F88\u591A\u9879\u76EE\u5728\u7528\u6237\u767B\u5F55\u540E\u4F1A\u8FD4\u56DE\u4E00\u4E2A access token\uFF0C\u5728\u540E\u7EED\u9700\u8981\u9274\u6743\u7684 API \u8BF7\u6C42\u4E2D\uFF0C\u5BA2\u6237\u7AEF\u8981\u5C06\u5176\u653E\u5728 Authorization \u8BF7\u6C42\u5934\u4E2D\u3002"}),` `,(0,e.jsxs)(l.p,{children:["\u5E38\u89C1\u7684 access token \u7684\u683C\u5F0F\u662F ",(0,e.jsx)(l.a,{href:"https://en.wikipedia.org/wiki/JSON_Web_Token",children:"JWT"})," \u4E0B\u9762\u662F\u6211\u7528 ",(0,e.jsx)(l.a,{href:"http://jwtbuilder.jamiekurtz.com/",children:"JWT Builder"})," \u751F\u6210\u7684\u4E00\u4E2A JWT:"]}),` `,(0,e.jsx)(l.div,{"data-rehype-pretty-code-fragment":"",children:(0,e.jsx)(l.pre,{"data-language":"jwt","data-theme":"default",children:(0,e.jsx)(l.code,{"data-language":"jwt","data-theme":"default",children:(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#a9b1d6"},children:"eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJPbmxpbmUgSldUIEJ1aWxkZXIiLCJpYXQiOjE2NTc1OTcxOTEsImV4cCI6MTY1NzY4MzU5MSwiYXVkIjoid3d3LmV4YW1wbGUuY29tIiwic3ViIjoianJvY2tldEBleGFtcGxlLmNvbSIsIkdpdmVuTmFtZSI6IkpvaG5ueSIsIlN1cm5hbWUiOiJSb2NrZXQiLCJFbWFpbCI6Impyb2NrZXRAZXhhbXBsZS5jb20iLCJSb2xlIjpbIk1hbmFnZXIiLCJQcm9qZWN0IEFkbWluaXN0cmF0b3IiXX0.f5Q-NMUITKSAQ7I_JpKhkC48s45tBvR-lx5qMKqgRJc"})})})})}),` `,(0,e.jsx)(l.p,{children:"\u5982\u679C Auth Scheme \u662F Bearer \u90A3\u4E48\u5BF9\u5E94\u7684 Authorization \u8BF7\u6C42\u5934\u5C31\u662F\uFF1A"}),` `,(0,e.jsx)(l.div,{"data-rehype-pretty-code-fragment":"",children:(0,e.jsx)(l.pre,{"data-language":"http","data-theme":"default",children:(0,e.jsx)(l.code,{"data-language":"http","data-theme":"default",children:(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#F7768E"},children:"Authorization"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJPbmxpbmUgSldUIEJ1aWxkZXIiLCJpYXQiOjE2NTc1OTcxOTEsImV4cCI6MTY1NzY4MzU5MSwiYXVkIjoid3d3LmV4YW1wbGUuY29tIiwic3ViIjoianJvY2tldEBleGFtcGxlLmNvbSIsIkdpdmVuTmFtZSI6IkpvaG5ueSIsIlN1cm5hbWUiOiJSb2NrZXQiLCJFbWFpbCI6Impyb2NrZXRAZXhhbXBsZS5jb20iLCJSb2xlIjpbIk1hbmFnZXIiLCJQcm9qZWN0IEFkbWluaXN0cmF0b3IiXX0.f5Q-NMUITKSAQ7I_JpKhkC48s45tBvR-lx5qMKqgRJc"})]})})})}),` `,(0,e.jsxs)(l.p,{children:["\u4ED4\u7EC6\u89C2\u5BDF\u4E0B\u751F\u6210\u7684 JWT, \u53EF\u4EE5\u770B\u5230 JWT \u88AB\u4E24\u4E2A . \u5206\u6210\u4E86 3 \u90E8\u5206(\u5206\u522B\u5BF9\u5E94 header, payload \u548C verify signature)\uFF0C\u6211\u4EEC\u53EF\u4EE5\u4F7F\u7528 ",(0,e.jsx)(l.a,{href:"https://jwt.io/",children:"jwt.io"})," \u5BF9\u5176\u8FDB\u884C\u89E3\u6790\uFF0C\u4E0B\u9762\u662F\u89E3\u6790\u51FA\u6765\u7684 payload \u90E8\u5206\uFF1A"]}),` `,(0,e.jsx)(l.div,{"data-rehype-pretty-code-fragment":"",children:(0,e.jsx)(l.pre,{"data-language":"json","data-theme":"default",children:(0,e.jsxs)(l.code,{"data-language":"json","data-theme":"default",children:[(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"{"})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"iss"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"Online JWT Builder"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"iat"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF9E64"},children:"1657597191"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#444B6A",fontStyle:"italic"},children:"// Tue Jul 12 2022 11:39:51 GMT+0800 (\u4E2D\u56FD\u6807\u51C6\u65F6\u95F4)"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"exp"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF9E64"},children:"1657683591"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#444B6A",fontStyle:"italic"},children:"// Wed Jul 13 2022 11:39:51 GMT+0800 (\u4E2D\u56FD\u6807\u51C6\u65F6\u95F4)"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"aud"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"www.example.com"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"sub"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"jrocket@example.com"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"GivenName"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"Johnny"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"Surname"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"Rocket"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"Email"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"jrocket@example.com"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"Role"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"["})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"Manager"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"Project Administrator"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"]"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"}"})})]})})}),` `,(0,e.jsx)(l.p,{children:"\u8BF7\u6CE8\u610F\u5176\u4E2D\u7684 iat \u548C exp \u5B57\u6BB5\uFF0C\u5B83\u4EEC\u5206\u522B\u4EE3\u8868 token \u7684\u9881\u53D1(issued at)\u548C\u5931\u6548(expire)\u65F6\u95F4\u3002\u90A3\u4E48\u5931\u6548\u540E\u8BE5\u600E\u4E48\u529E\u5462? \u4E00\u79CD\u7B80\u5355\u7C97\u66B4\u7684\u529E\u6CD5\u662F\u76F4\u63A5 redirect \u5230\u767B\u5F55\u9875\u9762\u8BA9\u7528\u6237\u91CD\u65B0\u767B\u5F55\uFF0C\u8FD9\u6837\u5C31\u80FD\u83B7\u53D6\u4E00\u4E2A\u65B0\u7684 access token\u3002\u4F46\u8FD9\u5E76\u4E0D\u662F\u597D\u7684\u7528\u6237\u4F53\u9A8C\uFF0C\u56E0\u4E3A\u5B83\u53EF\u80FD\u6253\u65AD\u7528\u6237\u7684 flow\u3002\u8BD5\u60F3\u5982\u4E0B\u573A\u666F\uFF1A\u7528\u6237\u60F3\u8FDE\u7EED\u505A\u4E24\u4E2A\u64CD\u4F5C\uFF0C\u5148\u5C06\u4E00\u4E2A\u5F85\u529E\u4E8B\u9879\u6807\u8BB0\u4E3A\u5DF2\u5B8C\u6210\u518D\u65B0\u5EFA\u4E00\u4E2A\u5F85\u529E\u4E8B\u9879\u3002\u78B0\u5DE7\u7684\u662F\u7B2C\u4E00\u4E2A\u64CD\u4F5C\u521A\u505A\u5B8C access token \u5C31\u5931\u6548\u4E86\uFF0C\u8FD9\u65F6\u518D\u6267\u884C\u7B2C\u4E8C\u4E2A\u64CD\u4F5C\u5C31\u4F1A\u5931\u8D25\u5E76\u88AB redirect \u5230\u767B\u5F55\u9875\u9762\u3002"}),` `,(0,e.jsx)(l.p,{children:"\u5F88\u660E\u663E\u6211\u4EEC\u8981\u6709\u4E00\u79CD\u81EA\u52A8\u7EED\u7B7E\u7684\u673A\u5236\uFF0C\u5982\u679C\u8BF7\u6C42\u56E0\u4E3A token expire \u5931\u8D25\u90A3\u4E48\u5C31\u81EA\u52A8\u4E3A\u7528\u6237\u7533\u8BF7\u4E00\u4E2A\u65B0\u7684 access token \u5E76\u7528\u65B0\u7684 token \u91CD\u8BD5\u8BF7\u6C42\u3002\u81EA\u52A8\u7EED\u7B7E\u9700\u8981\u6709\u4E00\u4E2A refresh token\uFF0C\u4E00\u822C\u4E5F\u53EF\u4EE5\u5728\u7528\u6237\u767B\u5F55\u540E\u62FF\u5230\u3002Refresh token \u901A\u5E38\u4E5F\u662F jwt \u7684\u683C\u5F0F\u4E14\u6BD4 access token \u7684\u6709\u6548\u65F6\u95F4\u8981\u957F\u5F97\u591A\u3002\u548C access token \u4E00\u6837\uFF0Crefresh token \u4E5F\u9700\u8981\u88AB\u7F13\u5B58\u8D77\u6765\uFF0C\u4E00\u822C\u4F7F\u7528 localStorage\uFF0C\u5148\u4E3A\u5176\u5B9A\u4E49 key:"}),` `,(0,e.jsx)(l.div,{"data-rehype-pretty-code-fragment":"",children:(0,e.jsx)(l.pre,{"data-language":"ts","data-theme":"default",children:(0,e.jsxs)(l.code,{"data-language":"ts","data-theme":"default",children:[(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"export"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9D7CD8",fontStyle:"italic"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"LOCAL_STORAGE_KEY"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"{"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF9E64"},children:"ACCESS_TOKEN"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"access_token"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF9E64"},children:"REFRESH_TOKEN"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"refresh_token"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"}"})})]})})}),` `,(0,e.jsx)(l.p,{children:"\u5047\u8BBE\u4E0B\u9762\u51FD\u6570\u53EF\u4EE5 refresh access token:"}),` `,(0,e.jsx)(l.div,{"data-rehype-pretty-code-fragment":"",children:(0,e.jsx)(l.pre,{"data-language":"ts","data-theme":"default",children:(0,e.jsxs)(l.code,{"data-language":"ts","data-theme":"default",children:[(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"export"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9D7CD8",fontStyle:"italic"},children:"async"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"function"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"refreshAccess"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"()"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"{"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9D7CD8",fontStyle:"italic"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"data"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"{"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"access_token"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7",fontStyle:"italic"},children:"await"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"axios"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"post"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"{ "}),(0,e.jsx)(l.span,{style:{color:"#73DACA"},children:"access_token"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"string"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" }"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:">"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"/access/refresh"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"{"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#73DACA"},children:"refresh_token"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"localStorage"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"getItem"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"LOCAL_STORAGE_KEY"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#FF9E64"},children:"REFRESH_TOKEN"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:")"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" })"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:";"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"localStorage"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"setItem"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"LOCAL_STORAGE_KEY"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#FF9E64"},children:"ACCESS_TOKEN"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"access_token"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:")"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:";"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7",fontStyle:"italic"},children:"return"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"access_token"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"}"})})]})})}),` `,(0,e.jsx)(l.p,{children:"\u4E0B\u9762\u662F\u7528 Axios \u62E6\u622A\u5668\u5B9E\u73B0\u81EA\u52A8\u7EED\u7B7E\u7684\u4E00\u4E2A\u57FA\u7840\u7248\u672C(\u5047\u8BBE token expired \u90A3\u4E48 API \u7684 reponse code \u662F 401\uFF0Cresponse body \u4E2D\u8FD4\u56DE\u7684 reason \u662F expired):"}),` `,(0,e.jsx)(l.div,{"data-rehype-pretty-code-fragment":"",children:(0,e.jsx)(l.pre,{"data-language":"ts","data-theme":"default",children:(0,e.jsxs)(l.code,{"data-language":"ts","data-theme":"default",children:[(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"axios"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"interceptors"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"response"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"use"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"(("}),(0,e.jsx)(l.span,{style:{color:"#E0AF68"},children:"response"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:")"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"=>"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"response"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#E0AF68"},children:"error"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:")"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"=>"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"{"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9D7CD8",fontStyle:"italic"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"originalRequest"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"error"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"config"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:";"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9D7CD8",fontStyle:"italic"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"errorCode"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"error"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"response"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"?."}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"status"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#444B6A",fontStyle:"italic"},children:"// handle 401: Unauthorized"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"if"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" ("}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"errorCode"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"==="}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF9E64"},children:"401"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:") {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9D7CD8",fontStyle:"italic"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"reason"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"error"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"response"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"?."}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"data"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"?."}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"["}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"reason"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"]"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"if"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" ("}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"reason"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"!=="}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"expired"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"||"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"originalRequest"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"_retry"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:") {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"redirectToLogin"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"()"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7",fontStyle:"italic"},children:"return"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"Promise"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"reject"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"error"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:")"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" }"})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#444B6A",fontStyle:"italic"},children:"// token expired & not yet retried"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"originalRequest"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"_retry"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF9E64"},children:"true"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:";"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#444B6A",fontStyle:"italic"},children:"// refresh access token & retry"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7",fontStyle:"italic"},children:"return"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"refreshAccess"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"()"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"then"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#E0AF68"},children:"token"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"=>"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7",fontStyle:"italic"},children:"return"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"axios"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"({"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#F7768E",fontWeight:"bold"},children:"..."}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"originalRequest"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#73DACA"},children:"headers"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#F7768E",fontWeight:"bold"},children:"..."}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"originalRequest"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"?."}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"headers"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#73DACA"},children:"Authorization"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"`"}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"Bearer "}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"${"}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"token"}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"`"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" }"})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" })"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:";"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" })"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:";"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" }"})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#444B6A",fontStyle:"italic"},children:"// nromal cases"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7",fontStyle:"italic"},children:"return"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"Promise"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"reject"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"error"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:")"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:";"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"})"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:";"})]})]})})}),` `,(0,e.jsx)(l.p,{children:"\u4EE5\u4E0A\u4EE3\u7801\u770B\u8D77\u6765\u6CA1\u4EC0\u4E48\u95EE\u9898\uFF0C\u4F46\u5982\u679C expire \u4E4B\u65F6\u5B58\u5728\u591A\u4E2A\u5E76\u53D1 API \u8BF7\u6C42\uFF08\u4E00\u4E2A\u5178\u578B\u7684\u4F8B\u5B50\u662F\u7531\u5361\u7247\u7EC4\u6210\u7684 Dashboard\uFF0C\u6BCF\u4E2A\u5361\u7247\u90FD\u53EF\u80FD\u5BF9\u5E94\u4E00\u4E2A\u5355\u72EC\u7684 HTTP \u8BF7\u6C42\uFF09\uFF0C\u6BCF\u4E00\u4E2A\u8BF7\u6C42\u90FD\u4F1A\u88AB retry\uFF0C\u5C31\u4F1A\u5BFC\u81F4 refresh token \u5728\u77ED\u65F6\u95F4\u5185\u88AB\u8C03\u7528\u591A\u6B21\u3002\u867D\u7136\u4E00\u4E9B\u540E\u7AEF\u5E73\u53F0\u5141\u8BB8\u5E76\u80FD\u591F\u627F\u53D7\u8FD9\u6837\u7684\u64CD\u4F5C\uFF0C\u4F46\u524D\u7AEF\u8FD8\u662F\u5E94\u8BE5\u505A\u4F18\u5316\u5C3D\u91CF\u907F\u514D\u8FD9\u6837\u7684\u60C5\u51B5\uFF0C\u4E0B\u9762\u662F\u6211\u7684\u4E00\u4E2A\u89E3\u51B3\u65B9\u6848:"}),` `,(0,e.jsx)(l.div,{"data-rehype-pretty-code-fragment":"",children:(0,e.jsx)(l.pre,{"data-language":"ts","data-theme":"default",children:(0,e.jsxs)(l.code,{"data-language":"ts","data-theme":"default",children:[(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9D7CD8",fontStyle:"italic"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"refreshStatus"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"{"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#73DACA"},children:"isRefreshing"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"boolean"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#73DACA"},children:"pendingerExecutors"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"Array"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"<"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#E0AF68"},children:"type"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"retry"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"|"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"reject"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:")"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"=>"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"void"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:">"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"{"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#73DACA"},children:"isRefreshing"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF9E64"},children:"false"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#73DACA"},children:"pendingerExecutors"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"[]"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:";"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:" "}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"axios"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"interceptors"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"response"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"use"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"(("}),(0,e.jsx)(l.span,{style:{color:"#E0AF68"},children:"response"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:")"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"=>"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"response"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#E0AF68"},children:"error"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:")"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"=>"}),(0,e.jsx)(l.span,{style:{color:"#A9B1D6"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"{"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9D7CD8",fontStyle:"italic"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"originalRequest"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"error"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"config"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:";"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9D7CD8",fontStyle:"italic"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"errorCode"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"error"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"response"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"?."}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"status"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#444B6A",fontStyle:"italic"},children:"// handle 401: Unauthorized"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"if"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" ("}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"errorCode"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"==="}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF9E64"},children:"401"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:") {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9D7CD8",fontStyle:"italic"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"reason"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"error"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"response"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"?."}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"data"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"?."}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"["}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"reason"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"]"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"if"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" ("}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"reason"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"!=="}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"expired"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:'"'}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:") {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"redirectToLogin"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"()"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7",fontStyle:"italic"},children:"return"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"Promise"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"reject"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"error"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:")"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" }"})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"if"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" ("}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"!"}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"refreshStatus"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"isRefreshing"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:") {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"refreshStatus"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"isRefreshing"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF9E64"},children:"true"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#444B6A",fontStyle:"italic"},children:"// token expired, try refresh token"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"refreshAccess"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"()"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"then"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"(() "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"=>"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"refreshStatus"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"pendingerExecutors"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"forEach"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#E0AF68"},children:"fn"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"=>"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"fn"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"retry"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"))"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" })"})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"catch"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#E0AF68"},children:"err"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"=>"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#444B6A",fontStyle:"italic"},children:"// this usually means refresh token itself is expired"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"console"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"error"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"err"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:")"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"refreshStatus"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"pendingerExecutors"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"forEach"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#E0AF68"},children:"fn"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"=>"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"fn"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"reject"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"))"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"redirectToLogin"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"()"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" })"})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"finally"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"(() "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"=>"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"refreshStatus"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"isRefreshing"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#FF9E64"},children:"false"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"refreshStatus"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"pendingerExecutors"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" []"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" })"})}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" }"})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#444B6A",fontStyle:"italic"},children:"// return a promise that will not resolve by itself"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7",fontStyle:"italic"},children:"return"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"new"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"Promise"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"(("}),(0,e.jsx)(l.span,{style:{color:"#E0AF68"},children:"resolve"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#E0AF68"},children:"reject"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:") "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"=>"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#9D7CD8",fontStyle:"italic"},children:"const"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"curExecutor"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"="}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" ("}),(0,e.jsx)(l.span,{style:{color:"#E0AF68"},children:"type"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"retry"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"|"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"reject"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:") "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"=>"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"if"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" ("}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"type"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"==="}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"reject"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"'"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:") {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"reject"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"error"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:")"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" } "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7"},children:"else"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"resolve"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"axios"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"({"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#F7768E",fontWeight:"bold"},children:"..."}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"originalRequest"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#73DACA"},children:"headers"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" {"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#F7768E",fontWeight:"bold"},children:"..."}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"originalRequest"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"?."}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"headers"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#73DACA"},children:"Authorization"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:":"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"`"}),(0,e.jsx)(l.span,{style:{color:"#9ECE6A"},children:"Bearer "}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"${"}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"retryToken"}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"}"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"`"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" }"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:","})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" })"})}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" )"})}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" }"})}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" }"})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"refreshStatus"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7DCFFF"},children:"pendingerExecutors"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"push"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"curExecutor"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:")"})]}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" })"})}),` `,(0,e.jsx)(l.span,{className:"line",children:(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" }"})}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#444B6A",fontStyle:"italic"},children:"// normal cases"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#BB9AF7",fontStyle:"italic"},children:"return"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:" "}),(0,e.jsx)(l.span,{style:{color:"#0DB9D7"},children:"Promise"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:"."}),(0,e.jsx)(l.span,{style:{color:"#7AA2F7"},children:"reject"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"("}),(0,e.jsx)(l.span,{style:{color:"#C0CAF5"},children:"error"}),(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:")"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:";"})]}),` `,(0,e.jsxs)(l.span,{className:"line",children:[(0,e.jsx)(l.span,{style:{color:"#9ABDF5"},children:"})"}),(0,e.jsx)(l.span,{style:{color:"#89DDFF"},children:";"})]})]})})}),` `,(0,e.jsxs)(l.h3,{id:"\u53C2\u8003\u8D44\u6599",children:[(0,e.jsx)(l.a,{"aria-hidden":"true",tabIndex:"-1",href:"#\u53C2\u8003\u8D44\u6599",children:(0,e.jsx)(l.span,{className:"icon icon-link"})}),"\u53C2\u8003\u8D44\u6599"]}),` `,(0,e.jsxs)(l.ol,{children:[` `,(0,e.jsx)(l.li,{children:(0,e.jsx)(l.a,{href:"https://en.wikipedia.org/wiki/Ajax_(programming)",children:"Wikipedia: AJAX"})}),` `,(0,e.jsx)(l.li,{children:(0,e.jsx)(l.a,{href:"https://en.wikipedia.org/wiki/JSON_Web_Token",children:"Wikipedia: JSON Web Token"})}),` `]})]})}function E(n={}){let{wrapper:l}=n.components||{};return l?(0,e.jsx)(l,Object.assign({},n,{children:(0,e.jsx)(d,n)})):d(n)}var f=E;return m(u);})(); ;return Component;