team-704 2022-02-21 22:30 采纳率: 100%
浏览 720
已结题

Mockjs拦截不了axios发出的get请求,请问这是什么原因

https://www.bilibili.com/video/BV1FC4y1x72d?p=7&spm_id_from=333.1007.top_right_bar_window_history.content.click

跟着视频教程做,发现mockjs拦截不了axios发出的get请求。

import axios from "axios";
import Mock from 'mockjs';

axios.get('https://cdn.liyanhui.com/data.json').then(res => {
        console.log(res.data);
    }).catch(err => {
        console.log(err)
    })

Mock.mock('https://cdn.liyanhui.com/data.json', {
    'list|5-10': [{
        'id|+1': 1,
        'username': '@cname',
    }]
})
  • 写回答

3条回答 默认 最新

  • CSDN专家-showbo 2022-02-22 09:11
    关注

    Mock.mock放到axios前面就能拦截了,可能Mock类库文件改过了,拦截器需要先注册

    img

    
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="http://mockjs.com/dist/mock.js"></script>
    <script>
        Mock.mock('https://cdn.liyanhui.com/data1.json', {
            'list|5-10': [{
                'id|+1': 1,
                'username': '@cname',
            }]
    
        });
    
        axios.request({ method: 'get', url: 'https://cdn.liyanhui.com/data1.json' }).then(res => {
            console.log(res.data);
        }).catch(err => {
            console.log(err)
        })
    
    
    </script>
    
    

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 3月2日
  • 已采纳回答 2月22日
  • 创建了问题 2月21日

悬赏问题

  • ¥15 华为ensp使用基本ACL限制公司网络访问
  • ¥15 帮我做下照片上的PLC题
  • ¥15 labview2022 使用modbus报缺少依赖?
  • ¥15 谷歌地图是不是不开通结算功能,api会使用不了哦
  • ¥15 unity腾讯云对象存储机型适配
  • ¥15 求全国交通咨询模拟代码,要求如下,可以完全在dev c++运行
  • ¥15 根据要求修改程序编码
  • ¥15 用 Python 做一个用 Excel 表导入的答题系统
  • ¥15 使用微信开发者工具实现一个“婚博会”小程序
  • ¥15 ros的rviz仿真机器人