
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中使用:
{{ msg }}
获取短信验证码
<button @click="getData">调取接口
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的拦截。
发表评论
最新留言
做的很好,不错不错
[***.243.131.199]2025年04月12日 04时19分02秒
关于作者

喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
Pycharm学习(四)—— Pycharm的terminal介绍
2019-03-12
安装office报错:无法安装64位office,PC上找到了32位程序
2019-03-12
Robotframwork输出日志里中文显示乱码问题
2019-03-12
JVM学习(三)
2019-03-12
c++链表实现通讯录管理系统
2019-03-12
设计模式--单一职责原则的个人理解
2019-03-12
go语言学习--day3(函数)
2019-03-12
树莓派的外设开发
2019-03-12
百度飞浆深度学习_卷积神经网络(思维导图手写笔记)(1:理论部分)
2019-03-12
VGG中1*1的卷积核相比于全连接层的好处及原因
2019-03-12
函数指针介绍以及初步学习。讲解以函数为参数的函数的写法即作用
2019-03-12
小程序支付踩的第一个坑
2019-03-12