搭建静态网站
搭建Http静态服务器环境
搭建静态网站,首先需要部署环境
对于nginx的安装可以参考

1.配置静态服务器访问路径

外网用户访问服务器的 Web 服务由 Nginx 提供,Nginx 需要配置静态资源的路径信息才能通过 url 正确访问到服务器上的静态资源。

打开 Nginx 的默认配置文件 nginx.conf(可用whereis nginx.conf等方式查询) ,修改 Nginx 配置,将默认的 root

html5服务器 html搭建服务器_html5服务器

路径进行修改修改为: root /data/www;,如图:

html5服务器 html搭建服务器_nginx网页配置_02

2.配置文件将 /data/www/static 作为所有静态资源请求的根路径,如访问: http://<您的域名>/static/index.js,将会去 /data/www/static/ 目录下去查找 index.js。现在我们需要重启 Nginx 让新的配置生效,如:nginx -s reload重启后,现在我们应该已经可以使用我们的静态服务器了,现在让我们新建一个静态文件,查看服务是否运行正常。

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

mkdir -p /data/www

创建第一个静态文件

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

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

![在这里插入图片描述](

html5服务器 html搭建服务器_nginx静态网页配置_03

现在访问 http://<您的域名>/index.html 应该可以看到页面输出 [Hello world!](我不知道为什么代码我打上去不能显示)

到此,一个基于 Nginx 的静态服务器就搭建完成了,现在所有放在 /data/www 目录下的的静态资源都可以直接通过域名访问。

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

注意:在最开始的配置中,我把网站的根目录设置在root目录中,访问网站一直报404错误。开始以为是网页文件没有权限,改了chmod 777 还是不行。最后查资料发现,网站的根目录不能设置在用户目录中,因为网站访客和nginx都没有用户身份。然后把网站的根目录改在根目录下,可以成功访问。