reactJS，访问带有日期段的 URL 说“找不到页面”

Question

问题很明显。我在react.js 应用程序中声明了一条包含 2 个动态部分的路线，其中包含以下行：

<Route  path='/products/:cat_id/:subcat_id' component={ProductsWise} />

但是当我尝试访问 url: http://127.0.0.1:8000/products/4/1 时，它只是说： 404 未找到。代码如下：

import React, { Component } from 'react'
  import ReactDOM from 'react-dom'
  import { BrowserRouter, Route, Switch } from 'react-router-dom'
  import ProductsWise from './ProductsWise'
  
  class App extends Component {
    render () {
      return (
        <BrowserRouter>
          <div>
            <Header />
            <Switch>

              <Route  path='/products/:cat_id/:subcat_id' component={ProductsWise} />
              

            </Switch>
          </div>
        </BrowserRouter>
      )
    }
  }
  
  ReactDOM.render(<App />, document.getElementById('app'))

我没有将内容放在ProductsWise.js 中，因为我认为这不是解决问题所必需的。

如何解决问题？

P.S：我实际上是在服务器端使用 PHP Laravel 框架构建应用程序，在客户端使用 react.js。

Answer 1

问题是从后端角度看，SPA 没有为products/4/1 路径呈现。

我认为Route::view('/{path?}', 'app') 不相关。

在官方 Laravel routing 文档中没有关于通配符路由的信息 - 你可以分别为 / 和 /products/{catId}/{subcatId} 路径渲染你的 SPA：

Route::view('/', 'app');
Route::view('/products/{catId}/{subcatId}', 'app');