ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

vue中在vite.config.js 配置正向代理

2026/9/19 7:32:50 拓冰建站 浏览量
vue中在vite.config.js 配置正向代理

vite.config.js文件中,可以使用proxy选项来配置正向代理。下面是一个简单的示例:

// vite.config.js
module.exports = {proxy: {// 设置代理目标'/api': {target: 'http://localhost:3000',changeOrigin: true,rewrite: (path) => path.replace(/^\/api/, '')}}
}

上面的示例中,我们将所有以/api开头的请求转发到http://localhost:3000changeOrigin: true表示请求时会将请求头中的host字段设置为目标服务器的地址,rewrite函数用于重写请求路径,将/api前缀去除,这样请求/api/user会被代理到http://localhost:3000/user

配置正向代理后,开发服务器会将匹配到的请求转发到目标服务器,这样就可以实现在开发环境中访问后端接口。注意,此配置只在开发服务器中生效,上线后不会生效。