开发环境解决前端跨域问题

25 阅读1分钟
// vite.config.ts
import { defineConfig } from 'vite'

export default defineConfig({
  server: {
    proxy: {
      // 代理所有以 /api 开头的请求
      '/api': {
        target: 'http://your-server.com', // 后端服务器地址
        changeOrigin: true,              // 修改请求头中的 Origin
        rewrite: (path) => path.replace(/^/api/, '') // 可选:重写路径
      }
    }
  }
})

前端请求示例 axios.get('/api/user/info') // 会被代理到 http://your-server.com/user/info

优点:无需后端配合,纯前端配置,开发环境专用。