apache服务器部署多站点应用

今天药忘吃喽~ 2022-03-18 16:26 291阅读 0赞

这两天折腾了一下基于windows下的apache服务器多站点应用的部署。其中多站点应用是指前端打包出来的多个前端应用。apache服务器的安装就不讲解了，直接参考这篇博客https://blog.csdn.net/sunqian666888/article/details/78561399，这里主要说说多站点的配置以及遇到的问题的解决办法。

##### 不同端口多站点的配置方法 #####

1、打开apache的安装目录，找到conf文件夹下的httpd.conf文件，找到listen 80,添加多个端口（有多少应用就对应多少个端口）  
![20190221151155455.png][]  
2、开启虚拟目录的支持，打开注释即可  
![20190221151636179.png][]  
3、在httpd-vhosts.conf配置文件中添加对应站点的信息  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3p5cDExMg_size_16_color_FFFFFF_t_70][]  
4、将对应的打包文件分别放到相应的目录下  
![20190221152034524.png][]  
通过上述配置，重启服务器即可。

##### 部署之后刷新页面报错404、500的问题处理 #####

解决404的问题有2种办法，不过通过配置FallbackResource属性来跳转只能解决首页刷新的问题，进入子页面刷新则会报错500。下面说说第二种解决办法。  
1、开启apache的重写功能  
![20190221152547259.png][]  
2、在httpd.conf文件中，修改AllowOverride配置为All（好像有好几处，都改为All）  
![20190221152829247.png][]  
3、新增.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>

重启即可

[20190221151155455.png]: /images/20220318/86321cdfd8484edbba3081cdb4b7ff0e.png
[20190221151636179.png]: /images/20220318/09fb7aaaaf2e458ca6f2df1875932eaf.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3p5cDExMg_size_16_color_FFFFFF_t_70]: /images/20220318/95cba28b863e4dd8b7882eb6ca6976f2.png
[20190221152034524.png]: /images/20220318/656bfaf3cfa04996a0e7bf09439d1939.png
[20190221152547259.png]: /images/20220318/9dd5d774667c480d8951325f2c240c35.png
[20190221152829247.png]: /images/20220318/7bb070f7627f4b56a8bbccebcfb01f51.png