本教程操作環境：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 mod_rewrite.c>    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中文網其它相關文章！

關鍵詞： apache React