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);});

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

欢迎关注Coding个人笔记订阅号