在 vue-cli 3.x 创建的项目中启用反向代理

作者:V君 发布于:2018-8-26 21:50 Sunday 分类:折腾手记

TL;DR

1)在项目根目录创建 vue.config.js

2)在文件中指定配置 module.exports -> devServer -> proxy

3)按需增加详细参数 如重写


这次能扯的东西并不多。


主要把时间浪费在咕狗上。什么都不了解就直接搜“vue-cli 反向代理

粗心大意地忘了加上版本号,首先找到的是在config文件夹创建index.js的方法,没起作用。

后来加上版本号去搜索就发现了vue.config.js,再作为关键字就搜索到了官方文档

从目录一眼扫下来就发现了遍地文章提到的devServer配置节。

顺便贴一下本次练习中生效的作为参考:

module.exports = {

    devServer: {

        port: 8084,

        proxy: {

            '/api': {

                target: 'http://localhost:7808/',

                changeOrigin: true,

                pathRewrite: {

                    '^/api': ''

                },

            }

        }

    }

}

服务端路由为 /md 在前端配置成 /api/md。 

或许把前后端路径一致然后去掉pathRewrite参数比较好。



标签: 软件开发 Web技术 VUE 前端构建

引用地址:

发表评论:

Powered by emlog 去你妹的备案 sitemap