互联网科技让前端飞Web前端之路

vuepress配置webpack代理问题

2019-05-25  本文已影响3人  轩辕啸天

       最近在研究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

上一篇 下一篇

猜你喜欢

热点阅读