搭建Nginx1.10.x静态网站(PC和Mobile)

来源:互联网 发布:网络摄像头服务器搭建 编辑:程序博客网 时间:2024/06/05 13:21

1.安装 Nginx
在 CentOS7.2上,可直接使用 yum 来安装 Nginx

yum install nginx -y

2.安装完成后,使用 nginx 命令启动 Nginx:

Nginx

3.此时,访问 http://<您的域名> 可以看到 Nginx 的测试页面

如果无法访问,请重试用 nginx -s reload 命令重启 Nginx

4.配置静态服务器访问路径:
4.1. 外网用户访问服务器的 Web 服务由 Nginx 提供,Nginx 需要配置静态资源的路径信息才能通过 url 正确访问到服务器上的静态资源。打开 Nginx 的默认配置文件 /etc/nginx/nginx.conf ,修改 Nginx 配置,将默认的 root /usr/share/nginx/html; 修改为: root /data/www;,
4.2. 如下:示例代码:/etc/nginx/nginx.conf
这里写图片描述
4.3.配置文件将 /data/www/static 作为所有静态资源请求的根路径,如访问: http://<您的域名>/static/index.js,将会去 /data/www/static/ 目录下去查找 index.js。现在我们需要重启 Nginx 让新的配置生效,如:

nginx -s reload

4.5.重启后,现在我们应该已经可以使用我们的静态服务器了,现在让我们新建一个静态文件,查看服务是否运行正常。

首先让我们在 /data 目录 下创建 www 目录,如:

mkdir -p /data/www

4.6 创建第一个静态文件

在 /data/www 目录下创建我们的第一个静态文件 index.html

示例代码:/data/www/index.html

<!DOCTYPE html><html lang="zh"><head>    <meta charset="UTF-8">    <title>第一个静态文件</title></head><body>Hello world!</body></html>

4.7现在访问 http://<您的域名>/index.html 应该可以看到页面输出 Hello world!
到此,一个基于 Nginx 的静态服务器就搭建完成了,现在所有放在 /data/www 目录下的的静态资源都可以直接通过域名访问。

如果无显示,请刷新浏览器页面

5**.配置PC网站二级域名(xxxx.cn, www.xxxx.cn)和手机网站二级域名(m.xxx.cn)**
首先要把上面的单独的静态网站nginx.conf配置文件,稍作修改 /etc/nginx/nginx.conf :
这里写图片描述
然后在 /etc/nginx/conf.d 文件夹里 ,创建一个 mobile.conf 是手机网站配置文件(文件名自定义啊)
如图所示:
这里写图片描述

然后再创建一个web.conf 是PC网站配置文件,如图所示:
这里写图片描述
最后创建手机网站项目文件夹 /data/m , 与PC网站项目 /data/www 创建步骤一致。

原创粉丝点击