怎麼使用apache部署react

使用apache部署react的方法：1、下載Apache並解壓縮；2、修改conf資料夾下「heetd.conf」；3、用語句「httpd.exe -k install」安裝並啟動apache； 4.將請求資料的位址改為伺服器的位址；5、將產生的打包檔案放入apache根目錄， 重啟apache即可。

本教學操作環境：Windows10系統、react18.0.0版、Dell G3電腦。

Apache部署react專案（從安裝到部署完成）

#1.安裝

1.1下載Apache

傳送門： Apache Haus Downloads

解壓縮後，我放入E碟

## 1.2修改conf資料夾下heetd.conf(

39行)   重點

修改為

 連接埠可以改為自己需要的（不改，連接埠可能已佔用，無法啟動）（67行

）

 1.3 用語句httpd.exe -k install安裝

下一步，進入bin文件，cmd以管理員方式進入，執行語句

httpd.exe -k install

 圖例：（以下為成功)

 啟動apache

net start Apache2.4

附註

：停止可用net stop Apache2.4

第一步完成。

2.設定檔(解決路由失效，即點選不跳轉)2.1修改conf資料夾下httpd.conf

167行將最前面的# 刪除

 將None改成All(可使用檔案內字元查找，一共有三處)

2.2新增. htaccess檔案

新建.htaccess，新增下列程式碼，並放入apache根目錄

<ifmodule>
    RewriteEngine On
    RewriteBase /
    RewriteRule ^index\.html$ - [L]
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule . /index.html [L]
</ifmodule>

2.3 設定package.json######新增###############3.打包項目######3.1改位址#########將請求資料的位址改為伺服器的位址### ######3.2webpack打包######執行###

npm run build

###將產生的打包檔案放入apache根目錄############### 重新啟動apache ###

net restart Apache2.4

###最後在網址列輸入伺服器位址   xxx.xxx.xxx.xxx:連接埠號，即可存取網頁。 ######推薦學習：《###react影片教學###》######

以上是怎麼使用apache部署react的詳細內容。更多資訊請關注PHP中文網其他相關文章！