vue中mock数据模拟后台接口的方法
发表于:2024-10-26 作者:千家信息网编辑
千家信息网最后更新 2024年10月26日,这篇文章主要讲解了"vue中mock数据模拟后台接口的方法",文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习"vue中mock数据模拟后台接口的方法"吧!在
千家信息网最后更新 2024年10月26日vue中mock数据模拟后台接口的方法
这篇文章主要讲解了"vue中mock数据模拟后台接口的方法",文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习"vue中mock数据模拟后台接口的方法"吧!
在前端开发过程中,有后台配合是很必要的。但是如果自己测试开发,或者后台很忙,没时间,那么我们需要自己提供或修改接口。
下面提供两种方式,第二种更简单,个人推荐第二种。
一、mock文件
1、安装,开发环境
npm i mockjs -D
2、在src目录下新建mock目录,结构如下:
3、index.js内容如下:
const Mock = require('mockjs');//格式: Mock.mock( url, post/get , 返回的数据);Mock.mock('/user/userInfo', 'get', require('./json/userInfo'));Mock.mock('/home/banner', 'get', require('./json/homeBanner'));
4、json文件内容如下,以userInfo.json为例:
{ "result": "success", "data": { "userSn": "3785521", "username": "不求甚解", "age": 25, "imgUrl": "https://avatar.csdn.net/8/5/D/3_bocongbo.jpg" }, "msg": ""}
5、在main.js入口文件中引入mock数据,不需要时,则注释掉。
import Vue from 'vue';import App from './App';import router from './router'; require('./mock'); //引入mock数据,关闭则注释该行 Vue.config.productionTip = false; new Vue({ el: '#app', router, components: { App }, template: ''});
6、在vue模板访问
axios.get('/user/userInfo').then(function(res){ console.log(res);}).catch(function(err){ console.log(err);});
二、第三方接口eolinker
1、官网接口地址:https://www.eolinker.com/#/home/project/api/
需登录,没注册过的小伙伴,注册一个账号吧。
2、注册好后有一个默认接口,当然我们要做自己的项目。
3、新建项目
4、添加接口
5、自定义接口
6、使用接口
7、前端项目中,后台url地址,有开发版,测试版,产线版等多个版本,建议大家统一管理,访问时,做url拼接
感谢各位的阅读,以上就是"vue中mock数据模拟后台接口的方法"的内容了,经过本文的学习后,相信大家对vue中mock数据模拟后台接口的方法这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是,小编将为大家推送更多相关知识点的文章,欢迎关注!
接口
后台
数据
方法
内容
开发
文件
项目
学习
前端
地址
注释
目录
测试
必要
不求甚解
入口
多个
小伙
小伙伴
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
app分布数据库推荐
网络安全问题的后果
服务器电脑配置怎么查看
ctl插入数据库
网络安全和个人信息宣传
法院网络安全建设方案
平阳图腾网络服务器机柜哪家好
高斯数据库日期相减
数据库6对象包括什么问题
协同 软件开发环境
上海工业软件开发怎么样
清远网络安全公司
汽车工程师和软件开发工程师
四川做网络安全的公司
大数据比赛还是网络安全比赛
工业管理软件开发平台
网络安全技术实务书
数据库最小单位是
t17服务器时发生了一个错误
重庆斯来仕互联网科技有限公司
杭州安聚网络技术有限公司
软件开发考研难不难
数据库意向锁排他锁
云捷软件开发平台
光大银行软件开发岗待遇
CCS成都网络安全大会圆满
软件开发项目验收清单
easypanel数据库
软件开发推荐工具
我与网络安全征文高中生