# 概述
#### 应用场景
本服务适用于业务代码及静态页面混合WEB前端组件托管场景。用户可以将业务代码部分制作镜像后部署到CAE，静态文件部分存储到与该组件关联的并行文件系统中，即可实现混合业务和静态文件的前端组件托管。组件部署后，用户可以通过更新并行文件系统中的静态页面文件来实现实时更新前台应用。
此方案使用的Nginx版本为"alpine-perl"，此版本已在开源镜像提供。
图1镜像版本   
![](https://support.huaweicloud.com/bestpractice-cae/zh-cn_image_0000001582217084.png "点击放大")
#### 方案架构
Nginx是一个轻量级的web服务器，本身也是一个静态资源的http服务器。本实践以Nginx为例，通过配置云存储中的并行文件系统来实现静态文件的托管，并通过更新并行文件系统中的静态文件来实时更新Nginx访问页面。
图2Nginx访问关系图   
![](https://support.huaweicloud.com/bestpractice-cae/zh-cn_image_0000001625921913.png)
#### Nginx默认配置
查询nginx默认配置方法：
Nginx默认配置如[图3]所示。
此版本的Nginx配置文件（nginx.conf）地址为"/etc/nginx/nginx.conf"。
图3nginx.conf   
![](https://support.huaweicloud.com/bestpractice-cae/zh-cn_image_0000001571927052.png "点击放大")
Nginx默认的default.conf如[图4]所示。"/usr/share/nginx/html"为静态文件存放的路径，该路径下存在两个默认文件分别为"50x.html"和"index.html"。
图4default.conf   
![](https://support.huaweicloud.com/bestpractice-cae/zh-cn_image_0000001626202141.png "点击放大")
如需替换页面显示，则将需替换的html文件放入"/usr/share/nginx/html"目录下。替换的html文件可以通过[获取静态文件](https://support.huaweicloud.com/bestpractice-cae/cae_05_0003.html#cae_05_0003__section68441216151419)提供的链接中直接下载。