讲师中心 微信公众号
AI工具推荐 视频效率加速

如何使用Go Fiber框架搭建前后端分离项目

轻婷酱_1786

轻婷酱_1786

发布时间:2026-10-04 10:38:30

|

443人浏览过

|

来源于php中文网

原创

Fiber需手动分离静态资源与API路由:用app.Static()挂载前端dist目录(须放路由前),app.Group("/api")隔离后端接口,并全局注册CORS中间件;CSRF需前后端协同传递token,部署时推荐Nginx托管静态文件、Fiber仅处理API。

如何使用go fiber框架搭建前后端分离项目

后端服务怎么暴露静态资源和API路由

Fiber 默认不托管前端静态文件,也不自动区分 /api/ 和根路径。你得手动配两套逻辑:一套用 app.Static() 挂载前端构建后的 dist 目录,另一套用 app.Group("/api") 隔离后端接口。关键点是顺序——Static() 必须放在所有路由注册之前,否则会被后续的 app.Get("*") 通配捕获,导致 HTML 页面无法加载。

常见错误现象:index.html 能打开,但页面内请求 /api/users 返回 404;或者所有路径都返回首页(SPA fallback 写错位置)。

  • 前端构建输出目录必须是绝对路径,比如 app.Static("/", "/var/www/dist"),相对路径容易在不同工作目录下失效
  • SPA fallback(处理前端路由)要写成 app.Get("*", func(c *fiber.Ctx) error { return c.SendFile("/var/www/dist/index.html") }),且必须放在 Static() 之后、/api 路由之前
  • /api 分组里不要漏掉 .Use() 中间件,比如 JWT 校验或 CORS,否则跨域请求直接失败

如何让前端正确拿到并携带 CSRF token

Fiber 没有自动注入 token 到模板或响应头的机制,CSRF 防护必须前后端协同:后端生成 token 并通过 cookie 或 JSON 响应体返回,前端读取后在每次敏感请求的 header 或 body 中带上。用 csurf.New() 时,默认只对非 GET/HEAD/OPTIONS 方法校验,但你得显式排除静态资源路径,否则 /favicon.ico 或 /assets/main.js 可能触发 403。

典型配置陷阱:CookieSameSite 不设为 Lax 或 Strict,会导致现代浏览器拒绝发送该 cookie;CookieSecure: true 却没配 HTTPS,token 根本不会被浏览器保存。

Fiber框架 3.0.0
Fiber框架 3.0.0

Fiber框架 3.0.0 版本源码包下载,适合从 Fiber v2 迁移到 v3、体验新绑定系统、HTTP 客户端、状态管理和迁移工具的开发者。

下载
  • 初始化中间件时必须传入 Store,比如用 fiber/storage/memory.New(),否则启动 panic
  • 前端首次访问 /api/csrf-token(需单独加一个路由返回 { "token": c.Locals("csrf_token").(string) })才能拿到 token
  • AJAX 请求需手动设置 headers: { "X-CSRF-Token": token },Fiber 不会自动从 header 读取,除非你在 csurf.New() 里指定 KeyLookup: "header:X-CSRF-Token"

为什么 CORS 中间件要放在路由分组外层

如果把 cors.New() 放在 api := app.Group("/api") 里面,它只作用于该分组下的路由,而预检请求(OPTIONS)是发到具体路径如 /api/users 的,不是 /api。Fiber 不会自动为未定义的 OPTIONS 路径生成响应,结果就是浏览器卡在预检阶段,控制台报 No 'Access-Control-Allow-Origin' header。

正确做法是全局注册:app.Use(cors.New()),且必须在任何 app.Get()、app.Post() 之前。如果需要细粒度控制(比如只允许特定域名调用登录接口),就别用中间件,改用 c.Context().Set("Access-Control-Allow-Origin", "...") 手动写 header。

  • 生产环境慎用 cors.Config{AllowOrigins: "*"},尤其涉及 Cookie 认证时,浏览器会直接拒绝
  • 若前端用 credentials: true,后端必须配 AllowCredentials: true 且 AllowOrigins 不能为 *,得写死域名
  • 某些 Nginx 反向代理配置会覆盖 Fiber 的 CORS header,此时应在 Nginx 层统一加 add_header

部署时二进制文件和前端资源怎么组织

Go 编译出的单体二进制本身不依赖运行时,但 Fiber 服务启动后需要读取前端静态文件。别把 dist 目录打进二进制(用 embed.FS 虽然可行,但更新前端就得重编译后端),更别让二进制在运行时去相对路径找 ./dist——服务器工作目录不可控,极易 404。

最稳的方式是明确约定路径:比如把二进制放 /opt/myapp/server,前端文件放 /opt/myapp/dist,然后在代码里写死绝对路径 app.Static("/", "/opt/myapp/dist")。再配合 systemd 服务文件里的 WorkingDirectory 字段确保环境一致。

  • 宝塔面板部署时,Nginx 的 location / 应指向 /opt/myapp/dist,而 location /api/ 反向代理到 127.0.0.1:3000(Fiber 监听端口)
  • 别让 Fiber 监听 0.0.0.0:80,这需要 root 权限,且绕过 Nginx 失去 gzip、HTTPS 终结等能力
  • 如果用 app.Config().CaseSensitive = false,注意 Linux 文件系统区分大小写,/Dist 和 /dist 会被当成两个路径
Fiber 做前后端分离,真正的复杂点不在语法,而在路径归属权的划分——静态文件归 Nginx 还是归 Fiber 托管,token 由谁生成和透传,CORS 的生效边界在哪。这些地方一旦定错,调试时看到的错误信息往往和真实原因隔了两层。

热门AI工具

更多
蛙蛙写作

一款AI论文写作工具,主要用于超级AI智能写作助手,适合需要提升相关任务效率的用户。

创客贴AI

创客贴AI是一款AI图像与设计工具,AI辅助的智能在线设计工具。

AionClaw
AionClaw Hot

AionClaw是一款面向办公、创作和编程任务的AI桌面智能体。

Loomy
Loomy Hot

一款AI工具,主要用于科大讯飞发布的桌面级 AI 助理,比 OpenClaw 更易用、更安全!,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

讯飞绘文

讯飞绘文是一款由科大讯飞推出的一站式 AIGC 内容运营平台。

墨刀AI
墨刀AI Hot

一款AI图像与设计工具,主要用于产品经理的专属智能体,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

相关专题

更多
python是前端还是后端
python是前端还是后端

Python属于前端也属于后端,其灵活性和丰富的生态系统使得开发人员能够在不同的领域中灵活运用。本专题为大家提供python相关的文章、下载、课程内容,供大家免费下载体验。

2663

2023.08.11

前端和后端的区别
前端和后端的区别

前端关注的是用户界面的设计和交互,而后端则注重数据处理和逻辑控制。想了解更多前端后端的相关内容,可以阅读本专题下面的文章。

6770

2024.03.19

后端的主要工作内容介绍
后端的主要工作内容介绍

后端是应用程序的服务端部分,负责核心任务,如数据库交互、业务逻辑处理和响应客户端请求。想了解更多后端的相关内容,可以阅读本专题下面的文章。

6226

2024.03.19

Golang 入门学习路线:从零基础到上手开发
Golang 入门学习路线:从零基础到上手开发

Golang 入门路线涵盖从零到上手的核心路径:首先打牢基础语法与切片等底层机制;随后攻克 Go 的灵魂——接口设计与 Goroutine 并发模型;接着通过 Gin 框架与 GORM 深入 Web 开发实战;最后在微服务与云原生工具开发中进阶,旨在培养具备高性能并发处理能力的后端工程师。

226

2026.02.24

Golang 疑难杂症解决指南:常见问题排查与优化
Golang 疑难杂症解决指南:常见问题排查与优化

《Golang 疑难杂症解决指南》聚焦开发过程中常见却棘手的问题,从并发模型、内存管理、性能瓶颈到工程化实践逐步拆解。通过真实案例与调试思路,帮助开发者定位问题根因,建立系统化排查方法。不只给出答案,更强调分析路径与工具使用,让你在复杂 Go 项目中具备持续解决问题的能力。

133

2026.02.24

Golang 运行与部署实战:从本地到云端
Golang 运行与部署实战:从本地到云端

《Golang 运行与部署实战》围绕 Go 应用从开发完成到稳定上线的完整流程展开,系统讲解编译构建、环境配置、日志与配置管理、容器化部署以及常见运维问题处理。结合真实项目场景,拆解自动化构建与持续部署思路,帮助开发者建立可靠的发布流程,提升服务稳定性与可维护性。

677

2026.02.24

Golang 面试题精选:高频问题与解答
Golang 面试题精选:高频问题与解答

Golang 面试题精选》系统整理企业常见 Go 技术面试问题,覆盖语言基础、并发模型、内存与调度机制、网络编程、工程实践与性能优化等核心知识点。每道题不仅给出答案,还拆解背后的设计原理与考察思路,帮助读者建立完整知识结构,在面试与实际开发中都能更从容应对复杂问题。

238

2026.02.24

Golang 性能优化专题:提升应用效率
Golang 性能优化专题:提升应用效率

《Golang 性能优化专题》聚焦 Go 应用在高并发与大规模服务中的性能问题,从 profiling、内存分配、Goroutine 调度、GC 机制到 I/O 与锁竞争逐层分析。结合真实案例讲解定位瓶颈的方法与优化策略,帮助开发者建立系统化性能调优思维,在保证代码可维护性的同时显著提升服务吞吐与稳定性。

497

2026.02.24

Gradle插件开发入门教程
Gradle插件开发入门教程

本专题介绍Gradle插件开发的基本流程,涵盖插件类编写、自定义任务注册、扩展参数设计和插件应用方法,帮助你理解插件如何组织构建逻辑,减少多个项目之间的重复配置。

60

2026.10.22

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Fiber框架两小时速通教程
Fiber框架两小时速通教程

共0课时 | 0人学习

Fiber框架快速入门指南
Fiber框架快速入门指南

共0课时 | 0人学习

Fiber框架官方文档
Fiber框架官方文档

共0课时 | 0人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn