本文共 839 字，大约阅读时间需要 2 分钟。

安装与配置Mock.js及Axios的详细指南

在前提条件满足的情况下，接下来将详细说明Mock.js及Axios的安装与配置过程。

一、安装依赖

首先，需要通过命令行安装所需的开发依赖工具。打开终端，进入项目根目录，执行以下命令：

npm install mockjs axios

二、创建Mock数据文件

新建一个名为mock.js的文件，建议将其置于/static/mock/目录下。编辑文件内容，引入Mock模块并定义相应的模拟数据。

import Mock from 'mockjs';
Mock.mock('/login', {
    'name|1-10': '@name',
    'age|10-20': 10
});
Mock.mock('/list', {
    'id|+1': '@id',
    'username': '@username',
    'email': '@email',
    'role': 'admin'
});

三、注册全局使用方法

进入主应用文件main.js，引入Mock和Axios模块，并将Axios实例注册为Vue的全局方法。

import '../static/mock/mock.js';
import axios from 'axios';
Vue.prototype.$axios = axios;

四、使用方法

在需要使用API接口的地方，直接调用全局方法进行数据请求。

// 示例使用方式
this.$axios.post('/login').then(response => {
    console.log(response);
});

注意事项：

以上步骤完成后，Mock.js及Axios模拟接口功能即可正常使用。