Isu slash tambahan Axios apabila menggunakan dengan Laravel

Question

Sudah tiba masanya untuk saya mendapatkan bantuan kerana saya tidak faham sama sekali masalah ini dan menghabiskan 6 jam untuk menyelesaikannya dan tidak ke mana-mana :-(

Saya mempunyai permintaan Axios GET yang parameter terakhirnya mungkin kosong.

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

Laluan Laravel saya:

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

Apabila this.search kosong, saya mendapat ini:

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

Setiap permintaan akan diubah hala ke sini:

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

Yang terakhir / garis miring nampaknya menyebabkan ubah hala apabila nilai dibiarkan kosong.

Sebaik sahaja saya memadamkannya, masalah itu berhenti...tiada ubah hala.

Ada idea bagaimana untuk membuat garis miring terakhir hilang jika nilai terakhir kosong?

Terima kasih.

Answer 1

Permintaan anda tidak serasi dengan laluan. Anda boleh cuba buat pautan permintaan seperti di bawah.

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"