当我跟着网上vue项目视频进行学习时,用到了axios创建代理来进行线上接口的数据抓取,由于vue对dev-server的更新,新版的vue-cli没有dev-server.js文件,而是直接把对应模块整合到了webpack.dev.conf.js中,
// 引入node.js中的express模块,简化操作
const express = require('express')
const axios = require('axios')
// 创建express的开发实例app
const app = express()
其中有dev-server对象我们可以在其中放置使用axios进行代理的代码(仅作示例)
before(app){
app.get('/api/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)
console.log(res)
}).catch((e) => {
console.log(e)
})
})
},
代码截图
其他步骤可参考其他大神的博客,按照流程走就可以。