反应路由器在aws s3存储桶中不起作用

问题描述

我将我的React网站 build / 文件夹部署到AWS S3存储桶中。

I deployed my React website build/ folder into an AWS S3 bucket.

如果我去 www.mywebsite.com ，它有效，如果我点击 a 标签转到Project和About页面，它会引导我到了正确的页面。
但是，如果我复制并发送页面网址或直接转到以下链接： www.mywebsite.com/projects ，则返回404。

If I go to www.mywebsite.com, it works and if I click on a tag to go to Project and About pages, it leads me to the right page.However, if I copy and send the page url or go straight to the link like: www.mywebsite.com/projects, it returns 404.

这是我的 App.js 代码：

const App = () => (
    <Router>
        <div>
            <NavBar/>
            <Switch>
                <Route exact path="/" component={Home}/>
                <Route exact path="/projects" component={Projects}/>
                <Route exact path="/about" component={About}/>
                <Route component={NoMatch}/>
            </Switch>
        </div>
    </Router>
);

推荐答案

回答问题。由于Alan Friedman的评论，我已经解决了这个问题：

Answer to close the question. I've solved this issue thanks to Alan Friedman's comment above:

这篇关于反应路由器在aws s3存储桶中不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！