loadProxy

只需要通过配置 .env 就可以为 vite 开发服务添加代理配置

Usage

vite.config.js

import { loadProxy } from '@yusui/plugins'

export default {
  /** default key is "VITE_PROXY" */
  plugins: [loadProxy({ key: 'VITE_PROXY' })]
}

.env.development

VITE_PROXY=[["/api","http://127.0.0.1:8080",true],["/apis","https://127.0.0.1:8081"]]

How It Works

# VITE_PROXY=[prefix,target,rewrite?][]
VITE_PROXY=[["/api","http://127.0.0.1:8080",true],["/apis","https://127.0.0.1:8081"]]

will transform to

defineConfig({
  server: {
    proxy: {
      '/api': {
        changeOrigin: true,
        rewrite: path => path.replace(new RegExp('^/api'), ''),
        target: 'http://127.0.0.1:8080',
        ws: true,
      },
      '/apis': {
        changeOrigin: true,
        secure: true,
        target: 'https://127.0.0.1:8081',
        ws: true,
      },
    }
  }
})