vue nginx配置

# vue nginx配置

server {
    listen 80;
    server_name yourdomain.com;

    # 设置vue应用的根目录
    root /path/to/your/vue-app/dist;
    index index.html;

    # 配置默认首页文件
    location / {
        try_files $uri $uri/ /index.html;
    }

    # 可选：如果你有API接口，可以配置反向代理
    location /api/ {
        proxy_pass http://backend_server;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
    }
}

解释说明：

1. listen 80;：监听80端口，表示Nginx将处理HTTP请求。
2. server_name yourdomain.com;：指定服务器的域名。
3. root /path/to/your/vue-app/dist;：设置Vue应用的静态资源根目录，通常是构建后的dist目录。
4. location /：处理所有请求，try_files $uri $uri/ /index.html;确保即使用户刷新页面，也会正确路由到Vue应用的首页。
5. location /api/：可选配置，用于将API请求反向代理到后端服务器。