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

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

使用 kubernetes 在 nginx 中部署 React js 構建目錄

使用 kubernetes 在 nginx 中部署 React js 構建目錄

鳳凰求蠱 2021-12-23 19:43:30
在 Nginx 服務器中部署 React js(構建目錄)靜態文件。使用 kubernetes,我正在運行 nginx 服務器來為靜態文件的 React js“build”目錄提供服務。我可以在瀏覽器中訪問簡單的 index.html。但不是帶有 react js 代碼的 index.html。根目錄中有 index.html 文件、靜態目錄和其他文件。目錄結構復制到此路徑。nginx.conf 如下所示events {    worker_connections  1024;}http {    server {        listen 80;        root /usr/share/nginx/html;    #index index.html;        location / {      index index.html;           try_files $uri $uri/index.html /index.html;        }    location /static/ {        autoindex on;       root /usr/share/nginx/html/static/;    }       }}在瀏覽器中,沒有加載 index.html,但在源代碼中(在瀏覽器中右鍵單擊 > 選擇源代碼),可以使用 index.html 代碼。從瀏覽器中的源復制的格式化 index.html 文件位于此路徑中。我預測 javascript(css,js) 代碼未執行或在瀏覽器中加載時出現問題。否則是nginx配置加載javascript文件有問題。如何正確配置 nginx 以部署 Reactjs 構建目錄文件?
查看完整描述

2 回答

?
守候你守候我

TA貢獻1802條經驗 獲得超10個贊

下面的代碼對我有用。


server {

    listen 80;

    root /usr/share/nginx/html;

    index index.html index.htm;

    server_name xyz.application.com;

    server_name localhost; 

    location / { 

    ssi on;

    set $inc $request_uri;

    if (!-f $request_filename) {

        rewrite ^ /index.html last;

    }

    index index.html;

        try_files $uri $uri/index.html /index.html =404;

    }

設置重寫重定向到 index.html 頁面。我不確定ssi的影響,在代碼中設置$inc $request_uri。


查看完整回答
反對 回復 2021-12-23
?
翻翻過去那場雪

TA貢獻2065條經驗 獲得超14個贊

try_files不會告訴nginx提供靜態文件。在沒有任何其他操作的情況下到達右大括號會導致它為靜態文件提供服務。try_files 測試文件在本地文件系統中是否存在,并且可能會重寫 URL。


您的文件 ia 空格中有語法錯誤。


記得為 nginx創建服務- 輸入 LoadBalancer 并在部署配置文件中引用它。如果有多個服務器匹配請求的 IP 地址和端口,則必須添加服務器。


這是您應該如何執行此過程的示例。確保您遵循教程中的每一步:nginx-configuration - 有 PHP 應用程序的練習示例,但使用 ReactJS 應用程序重現的步驟相同。


您的 conf 文件應如下所示:


events {

    worker_connections  1024;

}

http {

    server {

        listen 80;

        root /usr/share/nginx/html;

        index index.html index.htm;

        server_name your_server_name_or_IP


        location / { 

            try_files $uri $uri/index.html /index.html;

        }


        location /static/ { 

            autoindex on;

            root /usr/share/nginx/html/static/;

        }   

   }

}


查看完整回答
反對 回復 2021-12-23
  • 2 回答
  • 0 關注
  • 263 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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