mock虚拟数据需要拦截器的设置

//mock的模拟请求
function mock(method, url, params){
    return new Promise((resolve, reject) => {
        axios[method](url,params)
    .then(response => {
        if (response.status == 200) {
            resolve(response.data);
        } else {
            window.OneGis.$message.error(response.data.message)
        }
    })
    .catch((error) => {
        reject(error);
        window.OneGis.$message.error('获取数据失败')
    })
    });
    
}
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'

// 请求拦截器
axios.interceptors.request.use(function(config) {
    return config;
}, function(error) {
    return Promise.reject(error);
})
// 响应拦截器
axios.interceptors.response.use(function(response) {
  return response;
}, function(error) {
    return Promise.reject(error);
})

请求用的是 axios ,把axios封装了一下,有不了解的地方可以参考: https://www.kancloud.cn/yunye/axios/234845

转载于:https://www.cnblogs.com/huchangjun/p/9329303.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Mock.js 是一个 JavaScript 库,可以用来模拟数据,为前端开发提供便利。在使用 Mock.js 时,如果想要拦截网络请求并返回模拟数据,可以使用 Mock.js 提供的拦截器功能。 要使用拦截器功能,需要先创建一个 Mock.js 的拦截器实例。然后,通过该实例的 `mock` 方法来指定需要拦截的网络请求,并返回相应的模拟数据。最后,使用 `Mock.mock()` 方法将拦截器实例应用到全局的 AJAX 请求中,这样就可以拦截所有的 AJAX 请求并返回模拟数据了。 以下是一个示例代码,演示了如何使用 Mock.js 来拦截网络请求并返回模拟数据: ``` // 创建 Mock.js 拦截器实例 const mockInterceptor = new MockAdapter(axios); // 拦截 GET /users 请求,并返回模拟数据 mockInterceptor.onGet('/users').reply(200, { users: [ { id: 1, name: 'Alice' }, { id: 2, name: 'Bob' }, { id: 3, name: 'Charlie' }, ] }); // 将拦截器实例应用到全局的 AJAX 请求Mock.mock('/users', 'get', mockInterceptor.mock); // 发送 GET /users 请求,将会返回模拟数据 axios.get('/users').then(response => { console.log(response.data); // { users: [ { id: 1, name: 'Alice' }, { id: 2, name: 'Bob' }, { id: 3, name: 'Charlie' } ] } }); ``` 在这个示例中,我们使用 Mock.js 拦截器实例 `mockInterceptor` 来拦截了 GET `/users` 请求,并返回了一个包含三个用户信息的模拟数据。然后,我们使用 `Mock.mock()` 方法将该拦截器应用到全局的 AJAX 请求中。最后,我们发送了一个 GET `/users` 请求,这个请求会被拦截器拦截,并返回模拟数据

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值