vue react 脚手架启动服务 mockjs请求拦截

vue react 脚手架启动服务

vue

在项目根目录创建vue.config.js文件

module.exports = {
    devServer:{
        before(app){
            app.get('/api/list',(req,res)=>{
                res.send({
                	code:200,
                	list
                })
            })
        }
    }
}

react

在src目录下创建setUpProxy.js文件

module.export = (app)=>{
	app.get("/api/lit",(req,res)=>{
		res.send({
			code:200,
			list
		})
	})
}

mockjs 拦截请求

const Mock = require('mockjs')
Mock.mock('/spi/list',()=>{
	return list; 	//return什么就返回什么
})

//定义模拟接口只能接收post请求，定义返回的数据为list
Mock.mock('/api/list','post',list);

！注意 需要把该文件引入到需要拦截请求的组件里，或直接写在需要拦截请求的组件下