Javascript 直接链接到React Netlify功能应用程序,显示为未找到

Javascript 直接链接到React Netlify功能应用程序,显示为未找到,javascript,reactjs,react-router-dom,server-side-rendering,netlify,Javascript,Reactjs,React Router Dom,Server Side Rendering,Netlify,我正在构建一个React-Netlify功能应用程序。应用程序正在使用react router dom路由到页面 import React from 'react'; import { Switch, BrowserRouter as Router, Route, Link, Redirect, withRouter, browserHistory } from 'react-router-dom'; ... <Router history={browserHi

我正在构建一个React-Netlify功能应用程序。应用程序正在使用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)} />
从“React”导入React;
进口{
转换
BrowserRouter作为路由器,
路线,,
链接
重新使用
用路由器,
浏览历史
}从“反应路由器dom”;
...
但是,当用户直接在浏览器地址栏中键入URL以转到链接时,它将显示为未找到。这是否意味着我还需要服务器端渲染?向现有应用程序添加服务器端渲染的最快方法是什么


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

我会制作一个DemoPage组件,将react router指向所述页面,然后使用Tracker(演示)加载该页面,并在页面自加载后添加更多逻辑。

要解决此问题,需要创建一个_重定向文件,它是一个文件,告诉Netlify它应该根据客户端试图请求的地址或路由重定向客户端的位置

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

2-文件的代码:

/*    /index.html   200
3-重建并部署您的项目


阅读本文以获得更多帮助:

如果我没有公用文件夹,但前端代码在应用程序文件夹中,该怎么办。添加了一个新的公用文件夹,并将该文件添加到index.html文件所在的/app文件夹中,但仍不工作。确定生成或公用文件夹(react编译文件夹)