如何配置Nginx以支持多个根路径并映射到不同的Vue应用程序？

配置Nginx以支持多个根路径并映射到不同的Vue应用程序需要创建虚拟主机（Virtual Hosts），每个虚拟主机对应一个独立的应用程序。以下是基本步骤：

1. **打开Nginx配置文件**:
找到`nginx.conf`文件，通常位于 `/etc/nginx/nginx.conf` 或类似位置，根据系统不同可能会有所不同。

2. **编辑server块**:
在`http`或`server`区块下，添加一个新的`location`块来处理特定的根路径。例如，假设你有两个项目，一个在`/app1`，另一个在`/app2`：

   server {
       listen 80;
       server_name example.com;

       location /app1 {
           root /path/to/app1/dist; # Vue应用的dist目录
           index index.html;
           try_files $uri $uri/ @vue_app;
       }

       location @vue_app {
           alias /path/to/app1/dist/;
           add_header Access-Control-Allow-Origin *;
           include uwsgi_params;
           uwsgi_pass unix:/var/run/uwsgi/app1.sock; # 如果使用UWSGI，这里指代socket文件
       }
       
       # 同样的，为第二个应用添加类似配置，将`/app1`替换为`/app2`
       location /app2 {
           root /path/to/app2/dist;
           ...
       }
   }

3. **处理跨域请求**:
`@vue_app`块中的`add_header Access-Control-Allow-Origin *;`允许所有来源访问API。如果你有特定的域名，应替换为该域名。

4. **启动服务**:
保存配置后，重启Nginx使其应用新的配置：`sudo service nginx restart`（基于Debian系）或`sudo systemctl restart nginx`（基于RPM系）。

5. **测试应用**:
访问`example.com/app1` 和 `example.com/app2` 来检查每个Vue应用程序是否能正常加载。