Vue3 vite 工程解决跨域

123 阅读1分钟

原理:绕过浏览器,通过服务器向另一个服务器发送请求

比如,要把所有到 http://localhost:3000/api 的调用都转给运行在 http://test/api 上的服务器,可采取如下步骤:

1、找到vite.config.ts

2、vite.config.ts中添加内容:

server: { 
  proxy: { 
    '/api': { 
      target: 'http://test', 
      changeOrigin: true,
    }
  }
},
…

3、使用 npm run dev 重新启动