Apache 中 URL 重写怎么实现前后端分离项目的 API 统一转发

雨婷吖_6779

雨婷吖_6779

2026-08-24

743人浏览

原创

apache实现前后端分离需路径级精准匹配:仅重写/api/开头请求至api.php,排除真实文件和目录;静态资源直供,spa fallback用rewriterule ^.*$ template/index.html [l];生产环境推荐proxypass反向代理后端。

apache 中 url 重写怎么实现前后端分离项目的 api 统一转发

Apache 中 URL 重写实现前后端分离项目的 API 统一转发,核心是**路径级精准匹配 + 静态资源与动态接口严格分离**。不能把所有请求都甩给后端(如 RewriteRule ^(.*)$ api.php),否则静态文件(JS/CSS/图片)会被错误解析,导致 500、乱码或 404。

只代理 /api/ 开头的请求

前端构建产物(如 Vue/React 的 dist)放在 Apache 根目录下,纯静态访问;后端接口统一走 /api/ 前缀,由重写规则定向到真实服务。

  • 在站点根目录的 .htaccess 中启用重写:RewriteEngine On
  • 添加精准路由规则(必须放在其他泛匹配规则之前):
    RewriteRule ^api/(.*)$ api.php?path=$1 [QSA,L]
  • 这条规则会把 /api/login → 转给 api.php?path=login,后端可据此分发;同时 /static/logo.png、/index.html 等完全绕过重写,直接由 Apache 返回

避免静态资源被误重写

常见陷阱是没排除已存在的文件和目录,导致图片、CSS 被强行重写进 PHP 入口。

Apache Superset Dashboard and SQL Exploration Skill
Apache Superset Dashboard and SQL Exploration Skill

Apache Superset 是一个广泛采用的开源 BI 平台,用于 SQL 探索、图表构建和仪表板交付。当代理需要查询仓库数据、组装仪表板或使用成熟的分析界面解释指标而不是临时笔记本代码时,此技能非常有用。

下载
  • 加两行前置条件,确保只重写“不存在的路径”:
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
  • 再配合根路径处理(如 SPA 的 fallback):
    RewriteRule ^.*$ template/index.html [L] —— 这条仅对非文件/非目录的请求生效,不影响真实静态资源
  • 务必禁用 MultiViews(防止 Apache 自动匹配 .php 文件造成干扰):
    Options -MultiViews

生产环境更推荐反向代理方式

如果后端是独立进程(如 Spring Boot 运行在 8080 端口),用 mod_proxy 比重写更清晰、更安全。

  • 启用模块:
    LoadModule proxy_module modules/mod_proxy.so
    LoadModule proxy_http_module modules/mod_proxy_http.so
  • 在 httpd.conf 或虚拟主机配置中添加:
    ProxyPass /api/ http://127.0.0.1:8080/api/
    ProxyPassReverse /api/ http://127.0.0.1:8080/api/
  • 注意末尾斜杠:两边都要有,才能正确剥离前缀,让后端收到的是 /login 而不是 /api/login

宝塔或 Nginx 用户注意路径一致性

若用宝塔面板,别直接「整站反代」,而应在网站配置文件里手动加 location 块:

  • location ^~ /api/ { proxy_pass http://127.0.0.1:8080/; }
  • 前端构建时需设 publicPath: "/"(根部署)或 publicPath: "/app1/"(子目录),否则 JS/CSS 路径会 404
  • 后端服务监听地址必须是 127.0.0.1:8080,禁止绑定 0.0.0.0 暴露外网端口

大量免费API接口:立即使用
涵盖生活服务API、金融科技API、企业工商API、等相关的API接口服务。免费API接口可安全、合规地连接上下游,为数据API应用能力赋能!

相关专题

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

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

2023.08.11

2283

5

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

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

2024.03.19

6010

13

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

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

2024.03.19

5346

10

nginx 重启
nginx 重启

nginx重启对于网站的运维来说是非常重要的,根据不同的需求,可以选择简单重启、平滑重启或定时重启等方式。本专题为大家提供nginx重启的相关的文章、下载、课程内容,供大家免费下载体验。

2023.07.27

383

5

nginx 配置详解
nginx 配置详解

Nginx的配置是指设置和调整Nginx服务器的行为和功能的过程。通过配置文件,可以定义虚拟主机、HTTP请求处理、反向代理、缓存和负载均衡等功能。Nginx的配置语法简洁而强大,允许管理员根据自己的需要进行灵活的调整。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

2023.08.04

3267

6

nginx配置详解
nginx配置详解

NGINX与其他服务类似,因为它具有以特定格式编写的基于文本的配置文件。本专题为大家提供nginx配置相关的文章,大家可以免费学习。

2023.08.04

5945

6

tomcat和nginx有哪些区别
tomcat和nginx有哪些区别

tomcat和nginx的区别:1、应用领域;2、性能;3、功能;4、配置;5、安全性;6、扩展性;7、部署复杂性;8、社区支持;9、成本;10、日志管理。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2024.02.23

561

5

nginx报404怎么解决
nginx报404怎么解决

当访问 nginx 网页服务器时遇到 404 错误,表明服务器无法找到请求资源,可以通过以下步骤解决:1. 检查文件是否存在且路径正确;2. 检查文件权限并更改为 644 或 755;3. 检查 nginx 配置,确保根目录设置正确、没有冲突配置等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2024.07.09

1476

5

Nginx报404错误解决方法
Nginx报404错误解决方法

解决方法:只需要加上这段配置:try_files $uri $uri/ /index.html;即可。想了解更多Nginx的相关内容,可以阅读本专题下面的文章。

2024.08.07

3938

3

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Apache Maven 官方安装指南
Apache Maven 官方安装指南

共0课时 | 0人学习

Apache Maven 官方用户中心
Apache Maven 官方用户中心

共0课时 | 0人学习

Apache Subversion 官方手册
Apache Subversion 官方手册

共0课时 | 0人学习