nginx+vue部署多个前端项目,二级目录不能访问、访问空白的问题

在nginx中部署多个vue前端项目时，如果出现二级目录不能访问或访问空白的问题，可能是配置文件有误或者项目部署路径有误。

首先，确保nginx的配置文件中的location部分正确配置了前端项目的二级目录路径。

例如，有两个前端项目分别为project1和project2，部署路径为/var/www/html/project1和/var/www/html/project2。那么，在nginx的配置文件中，可以这样配置：

server {
    listen       80;
    server_name  localhost;

    location /project1 {
        alias /var/www/html/project1/dist;
        try_files $uri $uri/ /project1/index.html;
    }

    location /project2 {
        alias /var/www/html/project2/dist;
        try_files $uri $uri/ /project2/index.html;
    }
}

通过配置location /project1和location /project2，将对应的项目的访问路径与实际的部署路径关联起来。

另外，注意在配置location时，要正确指定项目的dist文件夹路径，并设置try_files指令来处理路由页面的访问。

配置完成后，重新加载nginx配置文件，即可访问到对应的二级目录下的前端项目了。

如果还是无法访问或出现空白页面，可以检查项目是否正确部署到了/var/www/html目录下，并确认项目的打包是否成功。

总结起来，对于nginx部署多个vue前端项目的问题，主要是要确保配置文件中的location部分正确指定了项目的二级目录路径，并检查项目的部署路径和打包是否正确，以及nginx配置的重新加载。