Apache 部署 vue、react 项目

转载: https://coget.cn/archives/Apache%20%E9%83%A8%E7%BD%B2%20vue%E3%80%81react%20%E9%A1%B9%E7%9B%AE

Apache 部署 vue、react 项目

本次带来的是，采用 apache 来部署 vue、react 项目。大家知道并不是文件丢上去就可以了，还需要重写 url 地址，不管访问啥地址，都需要重写到根目录的 index.html 。

开始

我们采用 build 后的文件放入到 load-aid 目录(图1)。

image.png

html 目录一般在 /var/www/html，如果没有，请查看你的 httpd.conf 配置文件。

apache 配置

在 load-aid 增加 .htaccess 文件，添加如下内容:

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

load-aid 就是目录了，大家修改即可使用，修改完后保存执行 service httpd restart 重启 apache 即可。

注意事项

是判断是否引入 mod_rewrite.c 依赖。，如果没有需要引入。

image.png

修改 httpd.conf(一般在 /etc/httpd/conf 下) 文件即可，添加 LoadModule rewrite_module modules/mod_rewrite.so