老师,新版没有dev-server,怎么配置?

来源:4-8 axios 介绍和后端接口代理

qq_金融超越战_03665934

2018-11-07

写回答

2回答

杰锅

2018-11-09

前面我用直接修改proxyTable用代理解决了这个请求的问题,但是发现如果要接入多个api,这种方式就行不通了。

今天还是来按老师的方法来,也是新版的,直接在webpack.dev.conf.js里面修改

const express = require('express')
const axios = require('axios')
var app = express()
var apiRoutes = express.Router()
app.use('/api', apiRoutes)

然后在devServer下面增加

before(app) {
  app.get('/api/getRecommend', function (req, res) {
    var url = 'https://c.y.qq.com/musichall/fcgi-bin/fcg_yqqhomepagerecommend.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)
      //console.log(res)
    }).catch((e) => {
      console.log(e)
    })
  }),
  app.get('api/getDisclist', (req,res) => {
    ...
  })
}

我是直接把recommend也用axios来请求了,没去折腾jsonp

3
0

ustbhuangyi

2018-11-07

可以去参考 Github 源码的 webpack 配置,Vue-cli 的版本是 2.9.x,如果你用 vue-cli 3.0 建议你去参考官方文档以及 https://github.com/ustbhuangyi/vue-music/issues/131

0
0

Vue2.0高级应用教学实战,开发企业级移动端音乐Web App

Vue.js高级知识应用大集合,实战企业级APP,教你搞定组件化开发。

5432 学习 · 3804 问题

查看课程