Laravel路由传递多个可选参数出现空路径段404错误如何解决

推荐优先使用查询参数传递的方案，从根本上避免路径参数为空导致的路由匹配错误问题，也更符合接口设计规范。

方案1：改为查询参数传递（推荐） #

前端代码调整 #

不再把参数拼接到请求路径中，直接通过axios内置的params配置项传递参数，路径固定即可：

handleSearchSubmit(column, value, dateFrom, dateTo) {
            axios
            .get(`api/analyses/get_requested_analysis`, {
                params: {
                    column,
                    value,
                    dateFrom,
                    dateTo
                }
            })
            .then(response => {
                console.log(response)
            })
        },

路由修改 #

直接删除路由定义里的路径参数占位符，简化为固定路由：

Route::get('/analyses/get_requested_analysis', 'Api\AnalyseController@get_requested_analysis');

控制器获取参数 #

在控制器方法中通过Request对象直接读取所有参数即可，空参数也会被正常识别：

public function get_requested_analysis(Request $request)
{
    $column = $request->input('column');
    $value = $request->input('value');
    $dateFrom = $request->input('dateFrom');
    $dateTo = $request->input('dateTo');
    // 后续编写业务逻辑即可
}

该方案扩展性更强，后续新增搜索条件不需要调整路由，直接新增参数即可。

方案2：保留路径参数的临时修复方案 #

如果需要保留原路径参数的设计，可在前端拼接路径时对空参数做占位符替换，避免出现连续斜杠：

// 空value用占位符替换，后端拿到后判断为占位符时按空处理即可
const sendValue = value || 'none'
axios.get(`api/analyses/get_requested_analysis/${column}/${sendValue}/${dateFrom}/${dateTo}`)

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