使用vue.config.js模拟请求数据

使用vue.config.js模拟请求数据

1. 新建JSON文件,写下要请求的数据

   {
     "data": [
       {
         "name": "zs",
         "sex": "男"
       },
       {
         "name": "ls",
         "sex": "女"
       }
     ]
   }
   

2. 新建vue.config.js

   const user = require('./api/user.json') // 引入json数据
   module.exports = {
     devServer: {
       before(app) {      
         app.get("/test", (req, res) => {
           res.json(user);  // 响应数据
         });
       },
     },
   };
   

3. 测试

   

4. 小结

   还有很多参数可以配置，涉及到webpack相关知识，请自行探索