CentOS 7 使用 Nginx 部署 Vue 项目 - 详细教程

以下是在 CentOS 7 上使用 Nginx 部署 Vue 项目的步骤：

1. 安装 Nginx

使用以下命令安装 Nginx：

sudo yum install epel-release
sudo yum install nginx

2. 配置 Nginx

编辑 Nginx 配置文件：

sudo vi /etc/nginx/nginx.conf

在 http 部分添加以下内容：

server {
    listen 80;
    server_name example.com; # 修改为你的域名或IP地址
    root /var/www/vue-project/dist; # 修改为你的 Vue 项目的 dist 目录路径

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

保存并关闭文件。

3. 启动 Nginx

使用以下命令启动 Nginx：

sudo systemctl start nginx

4. 测试

在浏览器中输入你的域名或IP地址，应该可以看到 Vue 项目的页面。

注意：如果你的 Vue 项目使用了 Router，需要在 Nginx 配置文件中添加以下内容：

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