nginx 部署VUE前端项目实例配置

Nginx部署Vue前端项目的步骤通常包括以下几个部分：

1. **安装 Nginx**：
在Linux服务器上，可以通过包管理器（如`apt-get`或`yum`）安装Nginx，例如在Ubuntu上：

   sudo apt update
   sudo apt install nginx

2. **创建虚拟主机配置文件**：
Nginx使用`.conf`文件来定义每个网站的配置。在一个名为`vue.conf`的例子中，可能会像这样设置：

   server {
       listen 80; # 或者监听HTTPS端口 443
       server_name yourdomain.com; # 替换为你的域名
       root /path/to/your/vue-app/dist; # Vue项目构建后的目录

       index index.html;
       try_files $uri $uri/ @router;

       location @router {
           proxy_pass http://localhost:8080; # 如果Vue应用运行在本地8080端口
           proxy_set_header Host $host;
           proxy_set_header X-Real-IP $remote_addr;
           proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
       }

       location ~ /\.ht {
           deny all;
       }
   }

3. **启用和配置站点**：
将上述配置复制到`/etc/nginx/sites-available/`目录下，然后用软链接将其指向`sites-enabled/`：

   sudo ln -s /path/to/vue.conf /etc/nginx/sites-enabled/

4. **重启Nginx服务**：

   sudo systemctl restart nginx

5. **验证配置**：
访问`http://yourdomain.com`看是否能正常加载Vue应用。

相关问题：
1. Nginx的配置文件一般放在哪个目录下？
2. 如何在Nginx中设置代理传递请求给Vue应用？
3. 为什么要禁止`.htaccess`访问？