在 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 前端工程

« 前端新手历险记之在VUE项目中使用Ace编辑器(brace)和一些TypeScript知识点 | 上手VUE前端构建»

引用地址:

评论：

bngvzuoukj
2021-11-26 13:18

【数据删除】

发表评论：

V君的博客

中二死宅无脑码农　中二御宅コーダー　Chuuni Otaku Coder　　　　　　　　TOPCL = The Open Productivity Creative Laboratory ?