nginx部署vue前端项目

Nginx是一个强大的Web服务器，常用于静态文件的分发和服务代理，非常适合部署Vue前端项目。以下是简单的步骤：

1. **安装Nginx**：确保你已经在服务器上安装了Nginx，如果没有，可以访问Nginx官网下载适合你操作系统的版本，并按照指示进行安装。

2. **配置Nginx**：
- 创建或编辑Nginx的站点配置文件（如`/etc/nginx/sites-available/example.com.conf`），内容通常包括以下部分：

     server {
         listen       80;
         server_name  example.com;  # 替换为你项目的域名

         location / {
             root   /path/to/your/vue/app;  # 将这里的路径替换为你的Vue应用的实际目录
             index  index.html index.htm;
             try_files $uri $uri/ =404;
         }

         # 其他可能需要的配置，如SSL支持、gzip压缩等
         # 如果有子目录结构，可以添加location块来分别处理
     }

3. **启用站点**：
- 使用`sudo ln -s sites-available/example.com sites-enabled/`命令将配置文件链接到sites-enabled目录，使其生效。

4. **重启Nginx**：

   sudo service nginx restart

5. **部署Vue项目**：
- 将Vue构建后的dist文件夹上传到配置文件指定的root路径下。
- 确保运行`npm run build`或类似命令生成静态文件。