react+vite前端跨域问题

2501_91792092

于 2025-04-23 13:43:25 发布

阅读量228

点赞数 3

CC 4.0 BY-SA版权

文章标签：前端 react.js 前端框架 vite+react

本文链接：https://blog.csdn.net/2501_91792092/article/details/147448030

前端和后端分离的架构，绕不过跨域这道坎。用vite生成的react工程，由于其启动方式变为了

npm run dev 的方式。所以在vite+react的前端做跨域的最简单的方法为：

在工程根目录下，找到vite的配置文件vite.config.ts，并追加proxy的配置。

// https://vite.dev/config/
export default defineConfig({
  plugins: [react()],
  server:{
    port:5173,
    host:'localHost',
    open:true,
    // 配置代理，将/api 开头的请求代理到http://localhost:8000
    proxy:{
      '/api':{
        target:'http://localhost:8000',
        changeOrigin:true
      }
    }
  }
})