首页 > 解决方案 > 具有多路径的 React Router 的 Laravel 路由设置

问题描述

我想构建一个 Inventory 应用程序,一切都很顺利,直到我想制作一个带有 URL 模式的页面,例如

http://localhost:8000/product/edit/1

所以我的 React 路由器中有这条路线

<Route path='/product/edit/:product_id' component={MyComponent} />

我使用Redux处理状态和Axios来获取数据。问题是当我调用API时,它调用的是http://localhost:8000/product/edit/api/get-product-by-id. 当然我没有得到任何数据返回。

问题是如何为这个问题设置 Laravel 路由?这是我的web.php文件

Route::get('/{path?}', function () {
    return view('index');
})->where('path', '^((?!api).)*?');

标签: reactjslaravelreact-router-dom

解决方案


使用这种方法有什么问题?我希望这能解决你的问题。

Route::get('/product/edit/{id}', function () {
    return view('index');
});

推荐阅读