Webpack之before快速创建接口(框架快速使用)

2023年7月18日 187次阅读 来源: wade3po

上次分享了用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个人笔记订阅号

    原文作者：wade3po
    原文地址: https://www.jianshu.com/p/8f940d4e2132
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞