React Netlify Function应用的直接链接显示为未找到

Question

我正在构建一个React-Netlify Function应用程序。该应用程序正在使用react-router-dom路由到页面。

import React from 'react';
import {
  Switch,
  BrowserRouter as Router,
  Route,
  Link,
  Redirect,
  withRouter,
  browserHistory
} from 'react-router-dom';
...
<Router history={browserHistory}>
  <IdentityContextProvider url={url}>
    <Page>
      <Switch>
        <Route exact path="/" component={withTracker(HomePage)} />
        <Route exact path="/demo" component={withTracker(Demo)} />

但是，当用户直接在浏览器地址栏中输入URL进入链接时，它显示为未找到。这是否意味着我还需要服务器端渲染？将服务器端渲染添加到现有应用程序的最快方法是什么？

我们计划将不同的广告指向网站的不同页面链接。

Answer 1

Answer 2

1-在公用文件夹中创建一个名为_redirects的文件，没有文件扩展名。

2-文件的代码：

/* /index.html 200

3-重建和部署您的项目。

阅读本文以帮助您更多：https://www.edwardbeazer.com/routing-react-apps-hosted-on-netlify/