nginx部署vue项目

# Nginx配置文件示例，用于部署Vue项目

server {
    listen 80;  # 监听80端口
    server_name yourdomain.com;  # 替换为你的域名

    # 配置静态资源路径
    root /path/to/your/vue/dist;  # 替换为Vue项目的dist目录路径
    index index.html;

    # 配置默认访问页面
    location / {
        try_files $uri $uri/ /index.html;  # 允许前端路由模式
    }

    # 可选：配置错误页面
    error_page 404 /404.html;
    location = /404.html {
        internal;
    }
}

解释说明：

1. listen 80: 表示Nginx监听80端口，即HTTP请求。
2. server_name: 设置服务器的域名，需要替换为你自己的域名。
3. root: 指定Vue项目的dist目录路径，这是构建后的静态文件所在位置。
4. index: 设置默认的索引文件为index.html。
5. location /: 这个块处理所有请求。try_files指令会尝试匹配请求的文件或目录，如果找不到则返回index.html，这使得Vue的前端路由能够正常工作。
6. error_page 404 /404.html: 配置自定义的404错误页面。

确保将路径和域名替换为实际值，并根据需要调整其他配置项。