vue mock的使用
发布日期:2021-05-14 20:21:36 浏览次数:17 分类:精选文章

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

MockJS手册

Step 1: Installation

安装MockJS和Axios依赖:

npm install mockjs --save-dev

npm install axios

通过示例项目使用:

在src文件夹下创建mock文件夹,并在mock文件夹中新建mock.js文件。

在main.js中引入MockJS和Axios:

require('./mock/mock.js')

import axios from 'axios';

将Axios设置为Vue原型方法:

Vue.prototype.$axios = axios;

.env文件中配置API地址:

const API_BASE_URL = process.env.VUE_APP_API_BASE_URL || 'http://localhost:8080'

Step 2: 使用示例

创建一个模板文件,用于前端端点请求:

{ meta: { response: { code: '200', data: { msg: 'success', token: 'admin' } } } }

select фон

例如,在HelloWorld.vue中使用:

Step 3: 使用MockJS

在mock.js文件中创建如下内容:

[code mockjs代码]

Step 4: 测试运行

npm run dev

或者在浏览器中打开http://localhost:8080

将API请求替换为本地模拟地址:

Pool.filter(function(pool) { pool smb;

或者直接看到mock数据。

通过浏览器检查器查看ideo>Network是否正确显示数据响应。

测试完成后,在正式发布之前,请将此处注释以取消对VerifyCode的拦截。

上一篇:'ls' 不是内部或外部命令
下一篇:vue调用服务器图片

发表评论

最新留言

做的很好,不错不错
[***.243.131.199]2025年04月12日 04时19分02秒