如何避免 php 在未定义时将 vuejs 参数获取为字符串或 null

Question

这可能是一个愚蠢的问题或被问过很多次（如果是这样，请使用现有链接回答，我将关闭此帖子）。

让我们以laravel为例，当在路由中发送model id时，在php中一切正常。但是当路由必须在Vuejs中定义为null（或未定义）的可选参数时，Php将此参数作为字符串获取。

//vuejs in methods:
myFunction(id1, id2 = null) {
  axios.post(`/api/model1/${id1}/model2/${id2}`)
    .then((response) => {
        console.log(response);
    })
    .catch(err => {
        console.log(err);
    });
 },

和

//Laravel routes/api.php for my api
Route::post('model1/{id}/model2/{id2}', 'SomeController@doThis');

示例：myapi/model1/{id1}/model2/{id2} 和 myapi/model1/987/model2/null

所以我在这里得到 model2 的“null”。 （有时根据情况是'undefined'）

什么是更好的处理方法？ 没有为我的参数添加正则表达式？ 因为我不需要第一个参数 id1 的正则表达式。

我尝试了很多次处理它，但似乎我总是时不时地回到这个问题上。 我需要永远记住这一点。

Answer 1

在构建 URL 时，你应该做 null 检查：

//vuejs in methods:
myFunction(id1, id2 = null) {
  axios.post(`/api/model1/${id1}/model2${id2 ? `/${id2}` : ''}`)
    .then((response) => {
        console.log(response);
    })
    .catch(err => {
        console.log(err);
    });
 },

您还应该使第二个参数可选：

Route::post('model1/{id}/model2/{id2?}', 'SomeController@doThis');

Answer 2

如何使您的 laravel 路由参数成为可选参数： 可选参数

Route::post('model1/{id}/model2/{id2?}', 'SomeController@doThis');

添加? 在model2参数处。