vue/cli 配置动态代理，无需重启服务

最新推荐文章于 2024-10-04 00:46:18 发布

Echo、江

最新推荐文章于 2024-10-04 00:46:18 发布

阅读量135

点赞数

文章标签： vue.js 前端 javascript ecmascript 前端框架

本文链接：https://blog.csdn.net/qq_36656427/article/details/132984656

版权

本文介绍了如何在vue.config.js中配置Vue CLI的代理服务，以实现无需重启服务即可动态切换服务的目标。通过创建vue.config.js文件，设置代理选项，并在需要时修改配置，利用http-proxy-middleware实现自动切换。

摘要由CSDN通过智能技术生成

devServe = http://localhost:3000;
prodServe = http://localhost:4000;

1. 在vue.config.js文件中，配置代理服务

使用vue/cli@5创建的项目，默认会创建vue.config.js文件，如果项目中没有此文件，那么就手动在项目根路径创建vue.config.js文件。

const { defineConfig } = require('@vue/cli-service');
const createProxy = require('./dynamic_proxy');

module.exports = defineConfig({
    transpileDependencies: true,
    devServer: {
        proxy: {
            '/': {
                target: '',
                ws: false,
                changeOrigin: true,
                router: () => {
                    return createProxy();
                }
            }
        }
    }
});