1. 程式人生 > >vue-cli升級到最新版本沒有dev-server和dev-client之後

vue-cli升級到最新版本沒有dev-server和dev-client之後

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);
 }
}

第一次寫文章,語言都不咋會組織,希望有大哥哥,小姐姐能和我交流提拔我。貼上我的個人部落格地址部落格文章地址。有不合規矩的地方,希望能直接告訴我,謝謝。