我使用 Laravel API 和 Angular 服务来制作我的应用程序。 我正在使用 Angular 为我的数组进行分页,并在我的服务中使用此函数发出 HTTP 请求:
getPagination(page): Observable<any> {
return this.httpClient.get<any>(environment.apiBaseUrl + 'test/?page=' + page);
}
当我触发它时,我会通过分页获取数据,但是当我想在产品中获取另一个页面时,我会收到 404 错误,因为它使用了我什至没有给出的 URL。
我应该有这个网址:
http://prodUrl/back/api/test?page=2
但是我明白了:
http://prodUrl/api/test?page=2
这是 Laravel API 中的函数
public function getAll()
{
$stuff = MyStuff::orderByDesc('updated_at')->paginate(50);
return response()->json($stuff, 200);
}
路线:
Route::get('test', [Controller::class, 'getAll']);
当我在第一次调用中创建
console.log()
来获取第一页时,我有正确的 url 和相同的内容:environment.apiBaseUrl
那么为什么 HTTP 请求不使用它呢?
current_page: 1
first_page_url: "http://prodUrl/back/api/test?page=1"
from: 1
last_page: 3
last_page_url: "http://prodUrl/back/api/test?page=3"
links: (5) [{…}, {…}, {…}, {…}, {…}]
next_page_url: "http://prodUrl/back/api/test?page=2"
path: "http://prodUrl/back/api/test"
per_page: 50
prev_page_url: null
to: 50
total: 146
删除页码以添加如下参数:
substring()