基于 CentOS搭建Http静态服务器环境nginx

  • A+
所属分类:Linux学习篇

搭建Http静态服务器环境

1、搭建静态网站,首先需要部署环境。下面的步骤,将告诉大家如何在服务器上通过 Nginx 部署 HTTP 静态服务。

  • 安装 Nginx
    在 CentOS 上,可直接使用 yum 来安装 Nginx
    1. yum install nginx -y
    安装完成后,使用 nginx 命令启动 Nginx:
    1. nginx
    此时,访问 http://119.29.250.68 可以看到 Nginx 的测试页面
    配置静态服务器访问路径
    外网用户访问服务器的 Web 服务由 Nginx 提供,Nginx 需要配置静态资源的路径信息才能通过 url 正确访问到服务器上的静态资源。
    打开 Nginx 的默认配置文件 /etc/nginx/nginx.conf ,修改 Nginx 配置,将默认的 root /usr/share/nginx/html; 修改为: root /data/www;,如下:
    1. user nginx;
    2. worker_processes auto;
    3. error_log /var/log/nginx/error.log;
    4. pid /run/nginx.pid;
    5. include /usr/share/nginx/modules/*.conf;
    6. events {
    7.  worker_connections 1024;
    8. }
    9. http {
    10.  log_format main '$remote_addr - $remote_user [$time_local] "$request" '
    11.  '$status $body_bytes_sent "$http_referer" '
    12.  '"$http_user_agent" "$http_x_forwarded_for"';
    13.  access_log /var/log/nginx/access.log main;
    14.  sendfile on;
    15.  tcp_nopush on;
    16.  tcp_nodelay on;
    17.  keepalive_timeout 65;
    18.  types_hash_max_size 2048;
    19.  include /etc/nginx/mime.types;
    20.  default_type application/octet-stream;
    21.  include /etc/nginx/conf.d/*.conf;
    22.  server {
    23.  listen 80 default_server;
    24.  listen [::]:80 default_server;
    25.  server_name _;
    26.  root /data/www;
    27.  include /etc/nginx/default.d/*.conf;
    28.  location / {
    29.  }
    30.  error_page 404 /404.html;
    31.  location = /40x.html {
    32.  }
    33.  error_page 500 502 503 504 /50x.html;
    34.  location = /50x.html {
    35.  }
    36.  }
    37. }
    配置文件将 /data/www/static 作为所有静态资源请求的根路径,如访问: http://119.29.250.68/static/index.js,将会去 /data/www/static/ 目录下去查找 index.js。现在我们需要重启 Nginx 让新的配置生效,如:
    1. nginx -s reload
    重启后,现在我们应该已经可以使用我们的静态服务器了,现在让我们新建一个静态文件,查看服务是否运行正常。
    首先让我们在 /data 目录 下创建 www 目录,如:
    1. mkdir -/data/www   
    创建第一个静态文件
    在 /data/www 目录下创建我们的第一个静态文件 index.html
    1. <!DOCTYPE html>
    2. <html lang="zh">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>第一个静态文件</title>
    6. </head>
    7. <body>
    8. Hello world!
    9. </body>
    10. </html>
    现在访问 http://119.29.250.68/index.html 应该可以看到页面输出

    Hello world!

    到此,一个基于 Nginx 的静态服务器就搭建完成了,现在所有放在 /data/www 目录下的的静态资源都可以直接访问。
  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: