Docker Apache容器部署React项目

一、Apache容器

Apache HTTP Server（简称Apache）是一款开源的Web服务器软件，它是最流行的Web服务器软件之一，可以用来搭建httpd容器

二、部署步骤

安装要求：提前安装好docker

1.获取 httpd 镜像

docker pull httpd

2.运行httpd

docker run --name medical-search-web \
            -d -p 21000:80 \
            --privileged=true \
            --restart=always \
            -v /opt/module/medical-search-web/dist/:/usr/local/apache2/htdocs/ \
            -v /opt/module/medical-search-web/conf/httpd.conf:/usr/local/apache2/conf/httpd.conf \
            -v /opt/module/medical-search-web/logs/:/usr/local/apache2/logs/ \
            httpd

3.Apache容器httpd.conf配置文件

解决路由失效，即点击不跳转

3.1 rewrite_module这一行注释去掉

LoadModule rewrite_module modules/mod_rewrite.so

3.2 将所有的AllowOverride None改成AllowOverride All(大概有三处)

AllowOverride None

3.3 添加.htaccess文件

在htdocs挂在目录(也就是上面/opt/module/medical-search-web/dist)下面创建.htaccess文件

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

3.4 配置package.json(需要性需进一步验证)

添加：homepage:“/”

三、配置文件httpd.conf配置项

可以参考官网Apache