Nginx静态网站部署+自定义域名访问教程

931 阅读1分钟

参考链接:

Vmware虚拟机中安装CentOS7

CentOS 7 切换yum源为阿里云

Nginx 安装与配置 (CentOS7.9)

1. 创建存放静态网页的目录

sudo mkdir -p /home/static/xy/dist
cd /home/static/xy/dist

2. 下载静态网页文件(示例)

也可以用自己的做好的网页源文件

wget https://gitee.com/xy12306/xy/releases/download/v-2.1/Example.tar

tar xf Example.tar

3. 编辑 Nginx 主配置文件

cd /usr/local/nginx/conf
sudo vim nginx.conf

http { ... } 块中结尾处添加以下 server 块 , 请注意添加的位置是否正确:

server {
    listen 5000;  
    server_name www.xy.com;
    location / {
        root  /home/static/xy/dist;
        index  index.html index.htm;
        try_files $uri $uri/ =404;
    }
}

其余配置可以保持默认不变,输入 :wq 保存退出

4. 修改本地 hosts 文件

vim /etc/hosts

添加如下一行(替换为你的服务器 IP):

192.168.xx.xx   www.xy.com

保存退出 :wq

5. 检查并重载 Nginx 配置

cd /usr/local/nginx/sbin
./nginx -t         # 检查配置
./nginx -s reload  # 重载服务

6. 测试访问

使用 curl 测试

curl -v http://www.xy.com:5000

image.png

使用虚拟机自带的浏览器访问

http://www.xy.com:5000

imae.png


✅ 至此,你已成功部署一个通过自定义域名访问的静态网站。