vue-cli升級到最新版本沒有dev-server和dev-client之後
阿新 • • 發佈:2018-12-23
vue-cli升級到2.9.1之後,把webpack升級到了v3.6.0,裡邊去掉了dev-server和dev-client兩個檔案。
現在再對接藉口設定不能再使用dev-server了,改在webpack.dev.conf.js裡進行配置。我也是借鑑了網上的文章,然後加上自己的理解寫出這篇文章。參考文章http://blog.csdn.net/qq_24563905/article/details/78567652
好了,下面說我的,我直接貼程式碼,不囉嗦。
以下程式碼全部在webpack.dev.conf.js裡進行配置
一、引包
const axios = require('axios'); const express = require('express'); const apiRoutes = express.Router();
二、配置
const devWebpackConfig = merge(baseWebpackConfig, { module: { rules: utils.styleLoaders({sourceMap: config.dev.cssSourceMap, usePostCSS: true}) }, // cheap-module-eval-source-map is faster for development devtool: config.dev.devtool, // these devServer options should be customized in /config/index.js devServer:{ //在這裡新增一個before方法 before(apiRoutes){ apiRoutes.get('/api/getDiscList',(req,res)=>{ const url = '這裡是要連結的api地址'; axios.get(url, { headers: { referer: '配置api地址referer', host: '配置api地址host' }, params: req.query //這是請求的query }).then((response) => { //response是api地址返回的,資料在data裡。 res.json(response.data) }).catch((e) => { console.log(e); }) }); // app.use('/api', apiRoutes); } }
第一次寫文章,語言都不咋會組織,希望有大哥哥,小姐姐能和我交流提拔我。貼上我的個人部落格地址,部落格文章地址。有不合規矩的地方,希望能直接告訴我,謝謝。