vue2使用mockjs初体验

cnpm install mockjs --save-dev
cnpm install axios --save

创建目录

const Mock = require('mockjs')

module.exports = function(app) {
	app.get('/user/userinfo', function(req, res) {
		res.json(Mock.mock({
			id: "@id()",
			username: "@cname",
			age: "@"
		}))
	})
}

配置vue.config.js

module.exports = {
	devServer: {
		before: require('./mock/index.js')
	},
}

发送请求

created() {
		axios.get('/user/userinfo').then(res=>{
			console.log(res);
		})
	}

只在开发环境中只有

创建.env.development文件

MOCK=false

const Mock = require('mockjs')

module.exports = function(app) {
	if (process.env.MOCK=='true') {
		app.get('/user/userinfo', function(req, res) {
			res.json(Mock.mock({
				id: "@id()",
				username: "@cname",
				age: "18"
			}))
		})
	}
}