vue mock数据引入本地json
作用:mock数据实现前端不依赖后台接口开发步骤:1.npm install mockjs --save-dev2.目录3.在src目录下创建mock文件index.jsimport Mock from 'mockjs'import user from './user.js'Mock.mock('/main.php', 'get', () => {return us...
·
作用:mock数据实现前端不依赖后台接口开发
步骤:
1.npm install mockjs --save-dev
2.目录
3.在src目录下创建mock文件
index.js
import Mock from 'mockjs'
import user from './user.js'
Mock.mock('/main.php', 'get', () => {
return user.page1
})
user.js
const page1 = [
{
code: 200,
data: ['中学时暗恋班花,被同班的女汉子知道了,连忙请她保密,本以为向来爽朗不羁的她是不屑告密的,结果丫飞快的把我出卖了。 后来想想,也可能是我拜托她的方式不对,不该说什么这是男人之间的约定。']
}
]
const res = {
page1
}
export default res
4.在main.js文件引入mock
require ('./mock/index.js')
5.就可以调用接口了
methods: {
toogleTitle() {
this.$http.get('/main.php').then(res => {
debugger
}).catch(error => {
console.log(error);
})
}
}
更多推荐
已为社区贡献12条内容
所有评论(0)