Nginx安装、网站配置

Nginx安装、配置与操作指南

最新推荐文章于 2025-11-11 19:44:30 发布

原创最新推荐文章于 2025-11-11 19:44:30 发布 · 890 阅读

12 ·

CC 4.0 BY-SA版权

文章标签：

#nginx #运维

Linux 专栏收录该内容

8 篇文章

订阅专栏

安装配置Nginx

一、配置 EPEL源

sudo yum install -y epel-release
sudo yum -y update

二、安装Nginx

sudo yum install -y nginx

安装成功后，默认的网站目录为： /usr/share/nginx/html
默认的配置文件为：/etc/nginx/nginx.conf
自定义配置文件目录为: /etc/nginx/conf.d/

三、操作Nginx

1.启动 Nginx

systemctl start nginx

2.停止Nginx

systemctl stop nginx

3.重启Nginx

systemctl restart nginx

4.查看Nginx状态

systemctl status nginx

5.启用开机启动Nginx

systemctl enable nginx

6.禁用开机启动Nginx

systemctl disable nginx

四、配置Nginx使用SSL

# nginx 代理端口
upstream wechat{
    server 127.0.0.1:8000;
}
server {
        listen       80;
        listen       [::]:80;
        listen       443 ssl;
        server_name  zptest.jingfantech.com;
        root         /usr/share/nginx/html;


        # ssl 证书位置配置
        ssl_certificate /etc/nginx/ssl/jftech.pem;
        ssl_certificate_key /etc/nginx/ssl/jftech.key;

        # Load configuration files for the default server block.
        include /etc/nginx/default.d/*.conf;

        location / {
            proxy_pass_header Server;
            proxy_set_header Host $http_host;
            proxy_redirect off;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header X-Scheme $scheme;
            proxy_pass http://wechat;
        }

        error_page 404 /404.html;
        location = /404.html {
        }

        error_page 500 502 503 504 /50x.html;
        location = /50x.html {
        }
    }

五、在 Ubuntu 上安装 Nginx 的步骤如下：

更新软件包列表：

sudo apt update

2. 安装 Nginx：
    ```bash
sudo apt install nginx

启动 Nginx 服务：

sudo systemctl start nginx

4. 设置 Nginx 开机自启：
    ```bash
sudo systemctl enable nginx

检查 Nginx 状态：

sudo systemctl status nginx

6. 配置防火墙（如果有的话）：
如果你使用 UFW 防火墙，确保允许 Nginx 流量：
    ```bash
sudo ufw allow 'Nginx Full'

访问 Nginx：
打开浏览器，输入服务器的 IP 地址，应该能看到 Nginx 的欢迎页面。
这样就完成了 Nginx 的安装。

在 Ubuntu 上，Nginx 的主要配置文件通常位于以下路径：

主配置文件：

/etc/nginx/nginx.conf

2. 站点配置文件：
Nginx 还会在以下目录中包含多个站点的配置文件：
    ```plaintext
/etc/nginx/sites-available/

这个目录包含了可用的站点配置文件。

启用的站点配置文件：
已启用的站点通常链接到：

/etc/nginx/sites-enabled/

    你可以通过创建符号链接将 sites-available 中的文件链接到 sites-enabled 来启用一个站点。例如：
    ```bash
sudo ln -s /etc/nginx/sites-available/example /etc/nginx/sites-enabled/

测试配置文件的语法：
修改配置文件后，可以使用以下命令测试语法是否正确：

sudo nginx -t

5. 重启 Nginx 使配置生效：
修改配置后，重启 Nginx：
    ```bash
sudo systemctl restart nginx

六、在 Nginx 中配置网站目录的步骤如下：

1. 创建网站目录

首先，创建一个用于存放网站文件的目录。例如，如果你的网站名称为 example.com，可以这样创建：

sudo mkdir -p /var/www/example.com/html

2. 设置目录权限

确保 Nginx 用户（通常是 www-data）可以访问这个目录：

sudo chown -R www-data:www-data /var/www/example.com/html
sudo chmod -R 755 /var/www/example.com

3. 创建一个示例页面

在网站目录中创建一个简单的 index.html 文件：

echo "<h1>Welcome to Example.com!</h1>" | sudo tee /var/www/example.com/html/index.html

也可以直接将准备好的网站文件放到/var/www/example.com/html/目录下

4. 创建 Nginx 配置文件

在 /etc/nginx/sites-available/ 目录中创建一个新的配置文件：

sudo nano /etc/nginx/sites-available/example.com

在打开的编辑器中，添加以下内容：

server {
    listen 80;
    server_name example.com www.example.com;

    root /var/www/example.com/html;
    index index.html;

    location / {
        try_files $uri $uri/ =404;
    }
}

5. 启用站点

通过创建符号链接将配置文件链接到 sites-enabled 目录：

sudo ln -s /etc/nginx/sites-available/example.com /etc/nginx/sites-enabled/

6. 测试 Nginx 配置

在重启 Nginx 之前，测试配置文件的语法：

sudo nginx -t

如果没有错误，继续下一步。

7. 重启 Nginx

重启 Nginx 使配置生效：

sudo systemctl restart nginx

8. 更新 DNS 设置

确保你的域名（例如 example.com）指向服务器的 IP 地址。

9. 访问网站

在浏览器中输入 http://example.com，你应该能看到你创建的欢迎页面。

七、如果你的页面是用 Vue 生成的，你可以按照以下步骤配置 Nginx 以服务静态文件：

1. 构建 Vue 项目

首先，确保你已经构建了 Vue 项目。进入你的 Vue 项目目录，运行：

npm run build

构建完成后，生成的静态文件通常会在 dist 目录中。

2. 创建 Nginx 网站目录

与之前相同，创建一个用于存放构建后的文件的目录：

sudo mkdir -p /var/www/example.com

3. 拷贝构建文件

将 dist 目录中的所有文件拷贝到 Nginx 的网站目录中：

sudo cp -r /path/to/your/vue-project/dist/* /var/www/example.com/

4. 配置 Nginx

创建或编辑 Nginx 配置文件，例如：

sudo nano /etc/nginx/sites-available/example.com

在文件中添加以下内容：

server {
    listen 80;
    server_name example.com www.example.com;

    root /var/www/example.com;
    index index.html;

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

5. 启用站点

如果还没有启用站点，请创建符号链接：

sudo ln -s /etc/nginx/sites-available/example.com /etc/nginx/sites-enabled/

6. 测试 Nginx 配置

测试配置文件的语法：

sudo nginx -t

7. 重启 Nginx

重启 Nginx 使配置生效：

sudo systemctl restart nginx

8. 更新 DNS 设置

确保你的域名指向服务器的 IP 地址。

9. 访问网站

在浏览器中访问 http://example.com，你应该能看到由 Vue 生成的页面。