Vue构建后dist目录交Gin托管需用router.StaticFS("/static", http.Dir("./frontend/dist"))挂载，并配router.NoRoute兜底返回index.html，确保history路由刷新不404；静态压缩与缓存应由Nginx处理，Gin仅负责API。
Vue构建后，dist目录怎么交给Gin托管？
直接把 dist 目录扔进Gin项目里，用 fs.FileServer 或 gin.StaticFS 暴露就行，但必须注意路径拼接和路由兜底——否则刷新页面 404。
- 推荐做法：在Gin启动前，用
http.Dir指向绝对路径，比如http.Dir("./frontend/dist")；别用相对路径，部署时容易错位 - 关键配置：在
router.StaticFS("/static", http.Dir("./frontend/dist"))之后，加一条兜底路由：router.NoRoute(func(c *gin.Context) { c.File("./frontend/dist/index.html") }) - 如果Vue用了
history模式（默认），NoRoute这一步不能省；否则访问/user/123就会 404 - 别用
router.LoadHTMLFiles或HTMLRender，那是给服务端模板用的，和Vue的前端路由冲突
Gin要不要自己处理静态资源压缩和缓存？
不建议。Gin不是Nginx，它没内置Gzip流式压缩、ETag生成或强缓存策略，硬加中间件反而拖慢吞吐量，还容易配错。
- 静态资源（js/css/img）一律交给Nginx处理：开
gzip on、设expires 1y，Gin只管API - 如果非要Gin压缩，可用
gin-contrib/gzip，但只对API响应生效，对c.File()无效——因为文件是直接读取并写入ResponseWriter的，中间件插不进去 - 开发阶段可关掉Nginx，用
router.Static快速验证，但上线前必须切回Nginx托管，否则并发一高就卡住
跨域问题还在用 Cors() 中间件？小心生产环境暴露敏感头
本地联调用 gin-contrib/cors 没问题，但上线后若仍保留宽泛配置（如 AllowAllOrigins），等于把后端API白送出去。
vue-composition-api-best-practices
下载
Vue 3 组合式 API 与 最佳实践，涵盖代码组织、useXxx 模式、组合式函数设计、Store 集成、响应式优化及功能抽取。
- 真实部署时，应把CORS逻辑交给Nginx：用
add_header Access-Control-Allow-Origin "https://your-vue-domain.com";，精确控制来源 - 如果必须Gin处理，至少把
AllowOrigins改成具体域名列表，禁用AllowCredentials除非真需要带 cookie 登录 - 注意：Vue请求带
Content-Type: application/json时会触发预检（OPTIONS），Gin的Cors()默认不处理 OPTIONS，得手动注册空 handler 或确保中间件顺序正确
打包路径错导致资源404？重点查 publicPath 和 base
Vue构建后加载不到 js/app.js，八成是 vue.config.js 或 vite.config.ts 里 base 配置和实际部署路径不一致。
立即学习“前端免费学习笔记（深入）”；
- Vite项目看
base字段：部署到根路径填"/"，部署到子路径（如https://a.com/myapp/）必须设为"/myapp/"，且Gin的StaticFS前缀也要同步改成"/myapp/static" - Vue CLI项目看
publicPath，语义和Vite的base一样，改完必须重新npm run build - 检查浏览器开发者工具 Network 标签页：404 的请求地址是否多了一级 /dist/ 或少了一级 /static/ —— 这就是路径错位的直接证据
