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