亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在 reactjs 中提供靜態文件?

如何在 reactjs 中提供靜態文件?

慕勒3428872 2023-05-11 16:25:20
我有幾個與顯示 sitemap.xml、robot.txt 和一些 pdf 文件相關的任務??蛻舳俗钚碌膔eactjs + webpack。我通過服務器上的 reactjs 和 Nginx 嘗試了兩種方法。在服務器上我添加了這些行位置 ~ ^/(sitemap.xml) { root /var/www/html/public; }我嘗試在主要位置配置之前和之后添加它,但它不起作用第二個選項。我試圖在 reactjs 中添加到主路由器的路由,但它也不起作用,我只是得到空頁面。
查看完整描述

3 回答

?
收到一只叮咚

TA貢獻1821條經驗 獲得超5個贊

.htaccess在站點根目錄創建一個文件。在你的情況下 /html/public

將其添加到您的.htaccess文件中,這應該會處理 React 內部路由。

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

關于您的 robots.txt、sitemap.xml 和 pdf 文件。絕對路徑應該可以正常工作,否則發布更多詳細信息。


查看完整回答
反對 回復 2023-05-11
?
呼喚遠方

TA貢獻1856條經驗 獲得超11個贊

我對 react js 有同樣的問題,你可以試試這個:


server{

    listen 80;

    root /home/user/website/build; # the root document of my react website

    index index.html index.htm index.nginx-debian.html;

    server_name website.com;

    try_files $uri /index.html;

    location /robots.txt {

            alias /home/user/website/build/robots.txt;

    }

}

您可以像我在 /robots.txt 中那樣添加鏈接并將它們鏈接到靜態文件。


查看完整回答
反對 回復 2023-05-11
?
慕姐8265434

TA貢獻1813條經驗 獲得超2個贊

最簡單的方法是安裝一個名為serve的包

npm?i?-g?serve

然后使用命令為它們提供服務(替換build/為具有靜態文件的目錄)

serve?-s?build/


查看完整回答
反對 回復 2023-05-11
  • 3 回答
  • 0 關注
  • 262 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號