nginx部署dist

# NGINX部署dist教程

欢迎来到NGINX部署dist的教程！在本篇文章中，我们将会教您如何使用NGINX来部署一个dist目录，让您的网站可以被访问。首先让我们看一下整个流程的步骤：

| 步骤 | 操作 |
| ------ | ------ |
| 1 | 安装NGINX |
| 2 | 准备dist目录 |
| 3 | 配置NGINX |
| 4 | 部署dist目录 |
| 5 | 启动NGINX |

接下来，我们将逐步介绍每一个步骤以及需要做的操作：

### 步骤1：安装NGINX

首先，您需要安装NGINX到您的服务器上。您可以使用以下命令来安装NGINX：

```bash
sudo apt update
sudo apt install nginx
```

### 步骤2：准备dist目录

在您的项目中，您需要有一个dist目录，该目录包含了您网站的静态文件。您可以通过以下命令来将您的网站文件打包到dist目录中：

```bash
# 假设您的静态文件包在project文件夹中
cd project
npm run build # 或者使用其他构建工具构建静态文件
```

### 步骤3：配置NGINX

接下来，您需要配置NGINX来指向您的dist目录。您可以编辑NGINX配置文件来进行配置：

```bash
sudo nano /etc/nginx/sites-available/default
```

将以下配置添加到server部分中，将root指向您的dist目录：

```nginx
server {
listen 80;

root /path/to/your/dist;
index index.html;

server_name yourdomain.com;

location / {
try_files $uri $uri/ /index.html;
}
}
```

请将`/path/to/your/dist`替换成您的dist目录所在的路径，将`yourdomain.com`替换成您的域名。

### 步骤4：部署dist目录

将您的dist目录复制到NGINX的默认静态文件目录中：

```bash
sudo cp -r /path/to/your/dist /var/www/html/
```

### 步骤5：启动NGINX

最后，启动NGINX服务以应用配置更改：

```bash
sudo systemctl start nginx
```

现在您的网站应该已经可以通过您的域名访问了！祝贺您成功部署dist目录。

至此，我们已经完成了NGINX部署dist的教程。希望这篇文章对您有所帮助！如有任何问题，请随时在评论区提问，我们将竭诚为您解答。感谢阅读！