一、前言

需求：设置访问 www.ai.com ，访问时打开前端代码 /tmp/zhsf；设置访问 www.ai.com/case-search 时，访问时打开另一个前端代码 /tmp/template；

二、实现过程:

1、根目录访问

部署使用nginx作为web容器，将项目部署到一个根目录下访问。如

# nginx配置
server {
  listen 80;
  server_name my.website.com;
  
  ...
  
  location / {
    alias /data/www/react-project/dist;
    index index.html
  }
}

那么只要我们将项目文件放到对应的目录下，重启nginx即可开始访问web页面。

2、二级目录访问

有时我们有多个web项目，多个项目不可能同时挂在根目录下，所以我们会划分二级目录来分别访问各个web项目。如

• http://my.website.com/project1 => 访问react-project1项目