html5路由如何在nginx上部署（vite+vue3）

要在Nginx上部署使用Vite和Vue 3的HTML5路由应用程序，你需要做以下几步：

1. 确保你的Vue 3应用程序已经构建，并且生成了dist目录。
2. 配置Nginx服务器，以便正确处理SPA的路由。

以下是一个基本的Nginx配置示例，该配置适用于Vite生成的Vue 3应用程序：

server {
    listen 80;
    server_name your-domain.com; # 替换为你的域名
 
    root /path/to/your/app/dist; # 替换为你的应用程序的dist目录的绝对路径
    index index.html;
 
    location / {
        try_files $uri $uri/ /index.html;
    }
}

在这个配置中：

• listen 指定了Nginx监听的端口。
• server_name 是你的域名。
• root 是你的应用程序的dist目录的路径。
• index 指令指定了默认页面。
• location / 块指定对于任何请求，Nginx首先尝试找到与请求的URI相匹配的文件，如果找不到，它会回退到/index.html。

将此配置放入Nginx的配置文件中，通常是位于 /etc/nginx/sites-available/ 目录下的某个文件，然后创建一个符号链接到 /etc/nginx/sites-enabled/ 目录，以便Nginx加载它。

完成配置后，重启Nginx以应用更改：

sudo systemctl restart nginx

确保你的防火墙设置允许通过80端口的HTTP流量。如果你使用的是云服务，请确保相应的安全组或网络访问控制列表已经配置正确。