开发环境跨域,用 dev server 代理而不是让后端加 CORS

跨域只在浏览器里发生,让开发服务器把请求转发出去,浏览器眼里就始终是同源。

Vite 在 vite.config.js 的 server.proxy 里按路径前缀转发,记得打开 changeOrigin。

配好后前端请求要改成相对路径,继续写后端绝对地址等于绕过代理;改代理配置要重启 dev server。

// vite.config.js
export default defineConfig({
  server: {
    proxy: {
      '/api': {
        target: 'http://192.168.110.126:8080',
        changeOrigin: true,
        rewrite: (p) => p.replace(/^\/api/, '')
      }
    }
  }
})

// 前端统一写 fetch('/api/user/list')
THE END
喜欢就支持一下吧
点赞15 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容