Webpack之before快速创建接口

上次分享了用webpack的express模块快速启动一个服务接口，其实webpack还有HTTP模块也可以快速创建接口，有兴趣的可以去查查。今天要分享的也是基于express，但是是通过webpack的decServer创建的，不存在跨域问题。

devServer的before在服务内部的所有其他中间件之前， 提供执行自定义中间件的功能。 这可以用来配置自定义处理程序。不需要我们require express，可以直接使用before提供的参数。

devServer: { 
 before(app){ 
  app.get('/test/get', function(req, res){ 
   res.json({ get: 'response get' }); 
  });
 app.post('/test/post', function(req, res) { 
  res.json({ post: 'response post' }); 
 }); 
}
}

因为是在同一个服务里面，所以我们访问的地址跟启动这个服务的地址是一样的，而且不会存在跨域问题。对于基于webpack框架的项目非常快速便捷。

调用：

this.$axios.get('http://localhost:8443/test/get').then(res => { console.log(res);});this.$axios.post('http://localhost:8443/test/post').then(res => { console.log(res);});

当然，这是前端需要一个简单接口测试的时候可以使用的方法，要是复杂的还是需要后台提供。

（完）