nginx配置vue

# nginx配置vue示例

server {
    listen 80;
    server_name yourdomain.com;

    # 根目录指向Vue项目的dist文件夹
    root /path/to/your/vue-project/dist;
    index index.html;

    # 配置location，确保所有请求都指向index.html，以支持Vue的单页应用路由模式
    location / {
        try_files $uri $uri/ /index.html;
    }

    # 可选：配置静态资源缓存
    location ~* \.(js|css|png|jpg|jpeg|gif|ico)$ {
        expires max;
        log_not_found off;
    }
}

解释说明：

1. listen 80;：监听80端口，表示Nginx将在此端口上接收HTTP请求。
2. server_name yourdomain.com;：指定服务器域名，替换为你的实际域名。
3. root /path/to/your/vue-project/dist;：设置Vue项目的根目录，指向dist文件夹，这是Vue构建后的静态文件所在位置。
4. index index.html;：指定默认索引文件为index.html。
5. location / { try_files $uri $uri/ /index.html; }：确保所有请求都指向index.html，这对于Vue的单页应用（SPA）非常重要，因为它使用了前端路由机制。
6. *location ~ .(js|css|png|jpg|jpeg|gif|ico)$ { ... }**：可选配置，用于设置静态资源的缓存策略，提升性能。

如果有任何问题或需要进一步调整，请根据实际情况修改配置。