Axios與Laravel一起使用時出現的額外斜線問題

Question

我該尋求一些幫助了，因為我根本不明白這個問題，在這上面花了 6 個小時，卻一事無成:-(

我有一個 Axios GET 請求，其最後一個參數可能為空。

axios.get(this.fetchAllUsersRoute + '/' + this.status + '/' + this.pagination + '/' + this.search);

我的 Laravel 路線：

Route::get('/fetch-users/{status}/{pagination}/{search?}', 'MyController@fetchUsers')->name('fetch-users');

當 this.search 為空時，我得到這個：

Request URL: https://mywebsite.dev/fetch-users/0/1/
Request Method: GET
Status Code: 301 Moved Permanently (from disk cache)

每個請求都會重定向到這裡：

https://mywebsite.dev/fetch-users/0/1

當該值留空時，最後一個 / 斜線似乎會導致重定向。

一旦我刪除它，問題就停止了...沒有重定向。

如果最後一個值為空，知道如何讓最後一個斜線消失嗎？

謝謝。

Answer 1

您的請求與路線不相容。您可以嘗試建立如下請求連結。

var fetchAllUsersRoute = "https://mywebsite.dev"
var status = 'status'
var pagination = 'pagination'
var search

var url = fetchAllUsersRoute + '/' + status + '/' + pagination + (search != null ? ('/' + search) : '')

console.log(url)
// "https://mywebsite.dev/status/pagination"

search = 'search'

url = fetchAllUsersRoute + '/' + status + '/' + pagination + (search != null ? ('/' + search) : '')

console.log(url)
// "https://mywebsite.dev/status/pagination/search"