首先安装mockjs: npm install mockjs
在src下面创建一个mock文件用来存放mockjs相关文件。
在mock下创建一个index.js文件，用来引入mock并创建仿后端口接口
然后再创建一个data.js文件用来写返回数据
import Mock from 'mockjs'
// 引入data.js里的数据
import { data } from './data'
// ('/info' 为该接口的地址，后面的json{}为返回数据)
Mock.mock('/info', {code: 200, data: data.info})
data.js中写一些数据，在index中引入
export const data = {
"info": {"name": 123, "data": {"age": 16, "sex":"man"}}
}
在界面中直接调用即可
axios.get('/info').then(res => {
console.log(res)
})
在vue项目使用 package.json中引入开发时依赖 新建文件mock.js，内容如下 如何在vue组件中测...
在vue-cli搭建的项目中使用mockjs mock.js vue.js 11 在使用vue开发的时候，一直疑惑...
之前都是介绍在普通项目中使用mock.js，那么本次就来介绍一下在vue中使用mock.js实现前后端分离。 安装...
首先安装mockjs: npm install mockjs 在src下面创建一个mock文件用来存放mo...
在vue.js中模拟使用mock.js1.下载并安装mock.js依赖包。2.在vue项目中src目录下建立moc...
基于Vue.js搭建Mock.js Mock.js官方文档 Mock.js是一款前端开发中拦截Ajax请求...
在html页面中使用mock.js 去请求数据 Mock.js
什么是mock.js 在前后端分离的开发环境中，前端同学需要等待后端同学给出接口及接口文档之后，才能继续开发。而M...
零、mock.js 官方说明文档https://github.com/nuysoft/Mock/wiki 一、安装...
安装 npm install mockjs mock.js hello.vue
本文标题：mock.js在vue中的使用
本文链接：https://www.haomeiwen.com/subject/xdthzctx.html
网友评论