【请求数据】3 vue使用axios，mock请求假数据，脱离后端的限制！！！这一篇就够了

前端小云儿

已于 2022-12-09 16:49:56 修改

阅读量1.9k

点赞数 4

分类专栏：前端静态页面以及逻辑文章标签： vue.js 前端

于 2022-07-29 18:42:10 首次发布

本文链接：https://blog.csdn.net/jieweiwujie/article/details/126061564

版权

前端静态页面以及逻辑专栏收录该内容

117 篇文章 17 订阅 ¥9.90 ¥199.90

订阅专栏

超级会员免费看

本文详细介绍了在Vue项目中如何使用axios结合Mock.js进行本地json数据请求，通过封装axios，创建不同模块的请求接口文件，并设置Mock规则，实现脱离后端限制的前端开发。关键在于Mock.js能劫持axios请求路径，匹配后返回模拟数据。

摘要由CSDN通过智能技术生成

vue使用axios请求本地json文件

vue使用axios+mock请求本地json文件（axios封装）

先讲讲思路原理吧

（0）安装mock-js axios 这一步是必然的

（1）api下的axios是对请求和相应的简单封装

import axios from 'axios';
const service =axios.create({
    timeout:3000
})
//拦截器：
service.interceptors.request.use(
    config=>{
        return config
    },
    err=>{
        console.log(err);
        return Promise.reject(err);
    }
)
//z相应拦截器：
service.interceptors.response.use(
    response=>

了解本专栏