uni-app使用mock.js (所有接口封装一个文件)

安装依赖

cnpm install axios --save (安装axios)

cnpm install mockjs --save-dev (安装mock.js)

封装文件

在这里插入图片描述

代码如下

// src/mock.js
const Mock = require('mockjs')
const Random = Mock.Random



const getName = () => {
    
    
	let data = []

	data.push({
    
    
		"account": "101"
	})
	return data
}

Mock.mock('http://localhost:8080/getResource/getData', 'get', getName())

若是有其他的函数接口,直接在下面添加const-------Mock.mock部分的内容即可

在这里插入图片描述

代码如下
require('./src/mock.js')// 注意文件路径名称

测试数据

在这里插入图片描述

代码
// 测试mock.js
created() {
    
    
	this.fetchData()
},
methods: {
    
    
	fetchData(){
    
    
		console.log('自我测试')
		axios.get('http://localhost:8080/getResource/getData').then((res)=>{
    
    
			console.log(res)
		})
	},

浏览器查看

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_44135909/article/details/113058688
今日推荐