Laravel+Angular项目生产环境分页API请求404开发环境正常

核心原因 #

出现该问题的核心原因大概率是Angular端翻页逻辑的调用异常，常见场景如下：

• 翻页触发时没有调用你预先封装的getPagination(page)方法，而是自行处理了Laravel返回的分页参数（比如path、next_page_url字段），拼接路径时意外丢弃了/back/前缀
• 存在全局HTTP拦截器，在生产环境下会匹配请求路径并错误修改了前缀，将/back/api替换为了/api
• URL拼接写法不规范：你当前拼接test/?page=时多写了路径后缀斜杠，部分环境下可能触发路径重定向丢失前缀

修复方案 #

1. 优先校验翻页触发逻辑
   确认每次翻页操作都直接调用封装好的getPagination方法传入页码，不要自行拆分Laravel返回的分页URL字段拼接请求地址。如果需要直接用返回的next_page_url发起请求，直接传入完整URL即可，不要做路径裁剪：

// 直接使用完整下一页地址的写法
getNextPage(nextUrl: string): Observable<any> {
  return this.httpClient.get<any>(nextUrl);
}

2. 优化HTTP请求写法，避免路径拼接错误
   使用Angular内置的HttpParams传递查询参数，用模板字符串统一拼接路径，同时确认environment.apiBaseUrl生产环境配置为http://prodUrl/back/api/（末尾统一带斜杠）：

import { HttpParams } from '@angular/common/http';

getPagination(page: number): Observable<any> {
  const params = new HttpParams().set('page', page.toString());
  return this.httpClient.get<any>(`${environment.apiBaseUrl}test`, { params });
}

3. 排查全局HTTP拦截器
   检查项目中是否注册了修改请求路径的拦截器，确认生产环境下不会误改API前缀。

4. 可选：Laravel端强制正确URL生成
   如果后续需要依赖Laravel生成的路径，可在Laravel项目.env文件中配置APP_URL=http://prodUrl/back，确保所有分页URL生成统一带前缀。

内容的提问来源于stack exchange，提问作者leri