最近在研究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')
module.exports = {
...,
beforeDevServer(app) {
app.get('/api/test', (req, res) => {
let url = 'http://localhost:8089' + '/api/test'
axios.get(url, {}).then((response) => {
res.json(response.data)
}).catch((e) => {
console.log(e)
})
})
}
}
```
> 在package.json中需要安装axios
网友评论