Vue3 部署在nginx二级目录

Vue3项目部署到Nginx的二级目录通常涉及以下几个步骤：

1. **配置Nginx**: 在Nginx的`server blocks`中，创建一个新的location块来指向你的Vue应用文件夹。例如：

   location /your-app {
       alias /path/to/your/vue-project/dist;  # 指向Vue构建后的dist文件夹
       try_files $uri $uri/ @rewrite;
   }

这里`/your-app`是你在浏览器中访问的应用路径，`/path/to/your/vue-project/dist`是实际的Vue项目文件位置。

2. **重定向index.html**: 使用`@rewrite`指令将所有请求转发到index.html，因为单页应用通常通过hash模式或history模式运行，需要处理`/#`的情况。

   location @rewrite {
       if (!-e $request_filename) {
           rewrite ^(.*)$ /your-app/index.html last;
           break;
       }
   }

3. **启用WebSocket**: 如果Vue应用使用了WebSocket，记得在Nginx配置中开启它，并指定相应的端口（如8080）：

   location ~ ws {
       proxy_pass http://localhost:8080;
       proxy_http_version 1.1;
       proxy_set_header Upgrade $http_upgrade;
       proxy_set_header Connection "upgrade";
   }

4. **权限设置**: 确保Nginx有权限读取静态文件和处理跨域请求（如有需要的话）。

完成上述配置后，重启Nginx服务，然后通过`http://your-site.com/your-app`访问你的Vue应用。