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

时间：2020-10-15 07:44:47

标签： javascript reactjs nginx webpack

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

客户端最新的reactjs + webpack。

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

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

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

enter image description here

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

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

2 个答案:

答案 0 :(得分：0)

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

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

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

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

答案 1 :(得分：-1)

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

npm i -g serve

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

serve -s build/
相关问题
最新问题