1、修改index.ts

image.png

2、创建post mock

在根目录下加入server.js
image.png

  1. const jsonServer = require('json-server')
  2. const server = jsonServer.create()
  3. const router = jsonServer.router('db.json')
  4. const middlewares = jsonServer.defaults()
  5. server.use(middlewares)
  6. server.get('/get', (req, res) => {
  7. res.jsonp(req.query)
  8. })
  9. server.use(jsonServer.bodyParser)
  10. server.use((req, res, next) => {
  11. if (req.method === 'POST') {
  12. res.json({ message:"User created successfully"});
  13. }
  14. next()
  15. })
  16. server.use(router)
  17. server.listen(3000, () => {
  18. console.log('JSON Server is running')
  19. })

3、修改Axios.ts

加入处理header和data代码
image.png
image.png

4、运行结果

在控制台运行node server.js命令,在浏览器访问项目。
image.png

5、源代码

注意:本节代码和第三节代码写在一起了

代码地址:https://gitee.com/linhexs/handwritten-axios/tree/2.deal-exception/