vuepress配置webpack代理问题

作者: 轩辕啸天 | 来源:发表于2019-05-25 16:38 被阅读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

    相关文章

      网友评论

        本文标题:vuepress配置webpack代理问题

        本文链接:https://www.haomeiwen.com/subject/vciznqtx.html