vue3+vite：本地代理，配置proxy

快雪时晴-初晴融雪

已于 2023-08-18 17:19:15 修改

阅读量3.7w

点赞数 31

分类专栏：前端文章标签： vue.js 前端 proxy uniapp

于 2022-05-17 22:17:20 首次发布

本文链接：https://blog.csdn.net/snowball_li/article/details/124808431

版权

本文详细介绍了如何在uniapp项目中使用Vite配置proxy进行API代理，以及如何通过env文件实现环境变量管理，包括配置过程、rewrite规则和多环境部署。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、项目：uniapp+vue3+vite+ts

二、配置文件在vite.config.ts

proxy: {
            '/snow': { // 匹配请求路径，localhost:3000/snow
                target: 'https://www.snow.com/', // 代理的目标地址
                changeOrigin: true, // 开发模式，默认的origin是真实的 origin:localhost:3000 代理服务会把origin修改为目标地址
                // secure: true, // 是否https接口
                // ws: true, // 是否代理websockets
                // rewrite target目标地址 + '/abc'，如果接口是这样的，那么不用重写
                // rewrite: (path) => path.replace(/^\/snow/, '') // 路径重写，本项目不需要重写
            }
        }

三、配置分析

3.1、请求接口