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

我正在构建一个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进入链接时,它显示为未找到。这是否意味着我还需要服务器端渲染?将服务器端渲染添加到现有应用程序的最快方法是什么?

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

gswgyh727 回答:指向React Netlify Function应用的直接链接显示为未找到

我将制作一个DemoPage组件并将路由器指向该页面,然后将其加载到Tracker(Demo)中,并在页面自动加载后添加更多逻辑。

,

要解决此问题,您需要创建一个_redirects文件,该文件告诉Netlify根据客户端尝试请求的地址或路由将客户端重定向到何处。

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

2-文件的代码:

/*    /index.html   200

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

阅读本文可为您提供更多帮助:https://www.edwardbeazer.com/routing-react-apps-hosted-on-netlify/

本文链接:https://www.f2er.com/3040348.html

大家都在问