微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何在reactjs中提供静态文件?

如何解决如何在reactjs中提供静态文件?

我有几个与show sitemap.xml,robot.txt和一些pdf文件相关的任务。

客户端最新的reactjs + webpack。

我通过服务器上的reactjs和Nginx尝试了两种方法

  1. 在服务器上我添加了以下行

    位置〜^ /(sitemap.xml){ 根目录/ var / www / html / public; }

enter image description here

我尝试在主要位置配置之前和之后添加它,但是它不起作用

  1. 第二个选项。我试图在reactjs中添加一条到主路由器的路由,但它也不起作用,我只是得到一个空白页面

解决方法

在站点根目录下创建一个.htaccess文件。就您而言/ html / public

将此添加到您的.htaccess文件中,这应该负责React内部路由。 Docs

Options -MultiViews
    RewriteEngine On
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteRule ^ index.html [QSA,L]

关于robots.txt,sitemap.xml和pdf文件。绝对路径应该可以正常工作,否则请发布更多详细信息。

,

最简单的方法是安装名为serve的软件包

npm i -g serve

然后使用命令为他们提供服务(将build/替换为具有静态文件的目录)

serve -s build/

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。