Webpack之before快速创建接口

2020-04-24 10:22:44 浏览数 (1)

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

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

代码语言:javascript复制
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);});

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

(完)

0 人点赞