Webpack之before快速建立介面(框架快速使用)

wade3po發表於2019-03-06
Web框架

上次分享了用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個人筆記訂閱號

相關文章