记录:用proxy解决前后端跨域限制问题
前后端分开不同项目的情况下,同时在本地调试会占用不同的端口。这时从前端传request到后端可能会因为CROS限制导致cookie无法传到后端。
此时需要在前端设置proxy,将后端URL映射到前端。这样便能绕过CROS限制,但相应地要修改前端请求的URL。
以vite为例的proxy设置:
import { defineConfig } from "vite";export default defineConfig({// plugins: [...],server: {proxy: {"/api": {target: "http://localhost:8080", // 后端服务实际地址changeOrigin: true, // 修改请求头中的 originsecure: false, // 如果后端是 https,需设为 true// 可选,前端的对应请求路径加/api前缀rewrite: (path) => path.replace(/^\/api/, ""),},},},
});
另外,这个LLM项目用go语言实现后端,最后将vite前端编译后把结果放进后端目录里,从而在部署阶段实现前后端结合。
