vuepress配置webpack代理问题
最近在研究vuepress,想⽤来做来做项⽬管理,需要从后端获取数据,vuepress其实就是⼀个vue项⽬,开发阶段要想从后端获取数据当然需要配置代理,花了差不多⼀天时间也没到办法,最后想到去github上搜下vuepress的issue吧,最后我在这个issue中到了答
案#1195。
⾥⾯说到了不同的vuepress版本中如何配置代理:
张晨光个人资料及简历vuepress版本>= 1.0.0-alpha.0 并且 <= 1.0.0-alpha.32代理的配置⽅法
vuepress版本 >= 1.0.0-alpha.33代理配置⽅法
但是我没有使⽤上⾯的⽅法,⽽是直接将vuepress的版本升级到`1.0.0-alpha.48`,然后再`config.js`中配置了divServer的proxy,最后运⾏发现能够调通后台。
冯德伦莫文蔚
config.js代理配置
李念婚纱照
当然⽤issue中的⽅法配置代理也⾏将vuepress版本升级到1.0.0-alpha.48,然后config.js配置如下:```
const axios = require('axios')
...,
beforeDevServer(app) {国庆中秋放假安排
<('/api/test', (req, res) => {
let url = 'localhost:8089' + '/api/test'
<(url, {}).then((response) => {黄才伦
res.json(response.data)
}).catch((e) => {
console.log(e)
猪肉丸子的家常做法简单
})
})
}
}
```
> 在package.json中需要安装axios