vue中后台請求數據配置

 

最新的vue里dev-server.js被替換成了webpack-dev-conf.js，在模擬后台數據的時候直接在webpack-dev-conf.js文件中修改

第一步，在const portfinder = require(‘portfinder’)后添加，

第二步，在Devsever后面添加before（app）{}方法

 

實例：

 第一步基礎代碼：

const express = require('express')
const app = express()
const apiRouter = app.Router()
app.use('/api',apiRouter)

第二步：在webpack-dev-conf.js的Devsever后面插入

before(app) {
      app.get('/getDiscList', function (req, res) {
        var url = 'https://c.y.qq.com/splcloud/fcgi-bin/fcg_get_diss_by_tag.fcg'
        axios.get(url, {
          headers: {
            referer: 'https://c.y.qq.com/',
            host: 'c.y.qq.com'
          },
          params: req.query
        }).then((response) => {
          res.json(response.data)
        }).catch((e) => {
          console.log(e)
        })
      })
  },