csxiaoyaojianxian
diff --git a/‎18-TypeScript/axios/ts-axios/examples/error/app.ts‎
Lines changed: 51 additions & 0 deletions b/‎18-TypeScript/axios/ts-axios/examples/error/app.ts‎
Lines changed: 51 additions & 0 deletions
diff --git a/‎18-TypeScript/axios/ts-axios/examples/error/index.html‎
Lines changed: 10 additions & 0 deletions b/‎18-TypeScript/axios/ts-axios/examples/error/index.html‎
Lines changed: 10 additions & 0 deletions
diff --git a/‎18-TypeScript/axios/ts-axios/examples/extend/app.ts‎
Lines changed: 73 additions & 0 deletions b/‎18-TypeScript/axios/ts-axios/examples/extend/app.ts‎
Lines changed: 73 additions & 0 deletions
diff --git a/‎18-TypeScript/axios/ts-axios/examples/extend/index.html‎
Lines changed: 10 additions & 0 deletions b/‎18-TypeScript/axios/ts-axios/examples/extend/index.html‎
Lines changed: 10 additions & 0 deletions
diff --git a/‎18-TypeScript/axios/ts-axios/examples/index.html‎
Lines changed: 2 additions & 0 deletions b/‎18-TypeScript/axios/ts-axios/examples/index.html‎
Lines changed: 2 additions & 0 deletions
diff --git a/‎18-TypeScript/axios/ts-axios/examples/server.js‎
Lines changed: 19 additions & 0 deletions b/‎18-TypeScript/axios/ts-axios/examples/server.js‎
Lines changed: 19 additions & 0 deletions
@@ -0,0 +1,51 @@
+import axios, { AxiosError } from '../../src/index'
+
+axios({
+  method: 'get',
+  url: '/error/get1'
+}).then((res) => {
+  console.log(res)
+}).catch((e) => {
+  console.log(e)
+})
+
+axios({
+  method: 'get',
+  url: '/error/get'
+}).then((res) => {
+  console.log(res)
+}).catch((e) => {
+  console.log(e)
+})
+
+setTimeout(() => {
+  axios({
+    method: 'get',
+    url: '/error/get'
+  }).then((res) => {
+    console.log(res)
+  }).catch((e) => {
+    console.log(e)
+  })
+}, 5000)
+
+axios({
+  method: 'get',
+  url: '/error/timeout',
+  timeout: 2000
+}).then((res) => {
+  console.log(res)
+}).catch((e) => {
+  console.log(e.message)
+})
+
+axios({
+  method: 'get',
+  url: '/error/timeout',
+  timeout: 2000
+}).then((res) => {
+  console.log(res)
+}).catch((e: AxiosError) => {
+  console.log(e.message)
+  console.log(e.code)
+})
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Error example</title>
+  </head>
+  <body>
+    <script src="/__build__/error.js"></script>
+  </body>
+</html>
@@ -0,0 +1,73 @@
+import axios from '../../src/index'
+
+axios({
+  url: '/extend/post',
+  method: 'post',
+  data: {
+    msg: 'hi'
+  }
+})
+
+axios.request({
+  url: '/extend/post',
+  method: 'post',
+  data: {
+    msg: 'hello'
+  }
+})
+
+axios.get('/extend/get')
+
+axios.options('/extend/options')
+
+axios.delete('/extend/delete')
+
+axios.head('/extend/head')
+
+axios.post('/extend/post', { msg: 'post' })
+
+axios.put('/extend/put', { msg: 'put' })
+
+axios.patch('/extend/patch', { msg: 'patch' })
+
+axios({
+  url: '/extend/post',
+  method: 'post',
+  data: {
+    msg: 'hi'
+  }
+})
+
+axios('/extend/post', {
+  method: 'post',
+  data: {
+    msg: 'hello'
+  }
+})
+
+interface ResponseData<T = any> {
+  code: number
+  result: T
+  message: string
+}
+
+interface User {
+  name: string
+  age: number
+}
+
+function getUser<T>() {
+  return axios<ResponseData<T>>('/extend/user')
+    .then(res => res.data)
+    .catch(err => console.error(err))
+}
+
+
+async function test() {
+  const user = await getUser<User>()
+  if (user) {
+    console.log(user.result.name)
+  }
+}
+
+test()
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Extend example</title>
+  </head>
+  <body>
+    <script src="/__build__/extend.js"></script>
+  </body>
+</html>
@@ -10,6 +10,8 @@ <h1>ts-axios examples</h1>
     <ul>
       <li><a href="simple">Simple</a></li>
       <li><a href="base">Base</a></li>
+      <li><a href="error">Error</a></li>
+      <li><a href="extend">Extend</a></li>
     </ul>
   </body>
 </html>
@@ -57,4 +57,23 @@ router.post('/base/buffer', function(req, res) {
   })
 })
 
+router.get('/error/get', function(req, res) {
+  if (Math.random() > 0.5) {
+    res.json({
+      msg: `hello world`
+    })
+  } else {
+    res.status(500)
+    res.end()
+  }
+})
+
+router.get('/error/timeout', function(req, res) {
+  setTimeout(() => {
+    res.json({
+      msg: `hello world`
+    })
+  }, 3000)
+})
+
 app.use(router)