Vue项目中如何实现无需重启的动态代理配置方法？

本文共计685个文字，预计阅读时间需要3分钟。

目录

1.背景

2.技术方案

2.1. 旧的配置方案 2.2. 新的配置方案思路

3.配置

3.1. 背景 当我们用vue构建项目时，常在vue.config.js中配置代理服务器地址。有时需要使用不同的地址。

目录

• 1.背景
• 2.技术方案
• 2.1 旧的配置方案
• 2.2 新的配置方案思路
• 3. 配置

1.背景

当我们vue构建项目的时候，都会在vue.config.js中配置我们需要代理的服务器地址。有时候我们需要使用不同后端服务器地址，也就是我们开发中所说的测试环境、灰度环境、正式环境等，这个时候如果我们需要使用不同的环境地址的时候，就需要使用命令或者手动修改vue.config.js中配置来重新启动项目。当项目项目越来越大的时候，我们需要很长的时间来启动项目，如此反复，极大影响我们开发进度。这个时候我们急需一种vue动态代理无须重启项目解决方案来提高我们的开发项目，以此为背景，萌生出了以下方案。