vite配置反向代理

vite配置反向代理

在vite官网中有详细的介绍,下面是官网地址。可直接查看

  https://cn.vitejs.dev/config/server-options.html#server-proxy

代码中实现,在vite.config.ts中进行配置

复制代码
import { defineConfig } from 'vite'//引入defineConfig
import vue from '@vitejs/plugin-vue'
export default defineConfig({
    plugins: [vue()],
    server: {
        https: false,
        proxy: {
            '/image': {
                target: 'https://xxxx.com/api', // 接口的域名
                secure: false, // 如果是https接口,需要配置这个参数
                changeOrigin: true, // 如果接口跨域,需要进行这个参数配置
                rewrite: path => path.replace(/^\/image/, '')
            }
        }
    }
})
复制代码

 

posted @   奔跑的哈密瓜  阅读(2809)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 展开说说关于C#中ORM框架的用法!
点击右上角即可分享
微信分享提示