Nginx——Nginx主要应用之静态网站部署

Posted 张起灵-小哥

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Nginx——Nginx主要应用之静态网站部署相关的知识,希望对你有一定的参考价值。

1.案例

nginx是一个HTTP的web服务器,可以将服务器上的静态文件(如html、图片等)通过HTTP协议返回给浏览器客户端。

这里我先找了一个ace文件,其中是一个前端的框架,只是为了展示更好的效果。

然后 cd /usr/local/nginx/conf,vim nginx.conf,修改nginx的配置文件,在其中添加如下内容

这几行代码表示,我们的请求路径为:http:192.168.40.130:80/ace,规则:ip + port 等于 root。修改完之后,我们需要重启Nginx服务器。

重启命令:在nginx的sbin目录下,执行 ./nginx -s reload 就行了。然后去到浏览器中访问查看效果图。

大家不要被上面那个ace文件夹搞蒙了,那其实就是一个普通的文件夹,你也可以在任意一个目录下,单独的写一个简单的 html 文件,然后在nginx的配置文件中,添加上面location中的内容,注意root后面的路径就可以了,这样仍然是可以访问的。比如说,我在 /opt/static 目录下创建一个 a 文件夹,然后在a文件夹中创建一个 a.html 文件,那么我nginx.conf的配置文件中就应该添加以下内容:

location /a {

     root /opt/static;

     index a.html;

}

这样就可以了,此时就表示你到浏览器中访问的路径为:http:// 虚拟机ip /a。因为ip+port=root,而location后面的就是 ip和port 之后要跟的内容。

以上是关于Nginx——Nginx主要应用之静态网站部署的主要内容,如果未能解决你的问题,请参考以下文章

nginx三 之动静分离

Nginx部署静态网站

Nginx从入门到精通Nginx静态网站部署

Nginx从入门到精通Nginx静态网站部署

腾讯云,搭建nginx静态网站服务器

Nginx部署前端静态网站详细教学(一步步操作)