nginx静态页面配置

nginx静态页面配置

扫码添加渲大师小管家,免费领取渲染插件、素材、模型、教程合集大礼包!

大家好,今天来介绍nginx静态页面配置(nginx配置静态页面访问)的问题,以下是渲大师小编对此问题的归纳和整理,感兴趣的来一起看看吧!

使用Nginx搭建静态网站

开始建站了,暂时还没想要做些什么东西。

Anyway,先搞个云服务器吧,那要怎么搭建呢?先来个最简单的。

Nginx 配置文件目录一般在 /etc/nginx/ 下,打开 nginx.conf 文件可以看到配置:

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

当我们在服务器上安装并启动 Nginx 之后,就可宏枝以通过 http:// 访问我们的网页了。所以,在浏览器中输入 http://100.2.3.4 即可。

我们观察到浏览器的地址变成了 http://100.2.3.4/index.html ,这页面是安装 Nginx 的默认站点,可以在 /usr/share/nginx/html 目录下找到。在 nginx.conf 配置文件中,有一项 root /usr/share/nginx/html 的配置,意思是当外网访问服务器 跟目录 时,Nginx 会将资源指向 /usr/share/nginx/html 的站点。

但如果输入地址,无法打开(如下截图)。

以阿里云为例,需要在云服务器添加 “安全组规则” ,添加并保存,重新刷新页面就能打开了。

我习惯将前端静态资源滚绝兄放置到服务器的 /data/www 下,因此将配置修改为 root /data/www 。此时访问 http://100.2.3.4 会指向 /data/www/index.html (在不配置 location 的 index 情况下,Nginx 默认配置是 index.html )。

由于我使用的是 Mac 机器,因此可以直接在系统终端使用 scp 命令将本地文件上传到云服务器。

scp (secure copy)用于在 Linux 下进行远程拷贝文件的命令。大袭类似于 cp ,只不过 cp 只能在本机进行拷贝,不能跨服务器。 -r 表示递归复制整个目录。

需要注意一下,下面两种的区别:

其中 1️⃣ 得到的是 /data/www/dist ,而 2️⃣ 得到的是 /data/www 。前者表示将 dist 整个目录拷贝至 /data/www 下。后者是把 dist 目录下的所有子文件和子目录都拷贝至 /data/www 。

换句话说就是,前者配置 root 的路径应该是 /data/www/dist ,后者则为 /data/www 。

效果如下:

在浏览器中访问 http://100.2.3.4 即可看到我们配置的网页了。

最简单的 Nginx 部署静态网页就完了,其他的下次再讲...

The end.

如何在nginx上配置显示静态网页

如果你以虚拟主机的方式在nginx上跑网站,就把默认的虚拟主机的主机名写成ip地址 ,它的网站目消好录下放错误信息提示页面的html文件 。默拿激铅认虚拟主机铅兆配置类似:

server {
listen 80;
server_name 192.168.1.12 default;
root D:\ServCode\www;
index index.html;
}

详解nginx如何代理静态资源(长搜索路径优先)

web服务器重要的的任务之一就是服务静态资源文件,比如网站的图片,还有一些静态的HTML页面,本文的例子还是来自于Nginx官网。在这个用例中我旁肢们要配置两个静态资源路径,来处理外部的静态资源请求。我们会更改配置文件中,server块下http下的location。

首先需要创建/data/www目录,然后将index.html文件,文件的内容并不重要,本例只是指引我们观察nginx如何找到和发送静态资源。然后唯谈在创建一个/data/images目录,并放置一些图片文件。

下一步打开配置文件,默认的配置文件中已经包含了一些server块,大多数已经注释掉了,官网让我们把server块都注释掉,重写写一个新的空的server块,但注意,一定不要将http注释掉,nginx通过识别它才能知道我们需要处理的是http请求。

通常,配置文件可能会包含多个server块,这些server块可以由端口号区分,也可以由server names来区分。当nginx决定由哪一个server去处理请求指启碰的时候,nginx会根据server块中location参数去测试请求头中指定的URI

现在在server块中添加location块

该location块指定了URI请求的根目录前缀,"/"。对于请求来讲,URI被添加在root路径具体指向的目标路径,如果存在的多个匹配的位置块,nginx将选择前缀最长的位置块(可能是因为更加具体)。上方的location块提供的已经是最短前缀了,也就是说,server块中所有的location块如果都没有匹配到,则该location块将会被采用。
官网的说法真的非常绕,我觉得思路就是, nginx首先会优先去具体的location块匹配资源(规则是参数越长,越优先查找),如果都查不到就去根路径查。

我们再加一个location块

这个location块会匹配以/images/开始的请求,但上一个(location块 location / 也会匹配该内容,记得吗,Nginx会先匹配长路径location块)

现在为了看的更加清楚,在加过这两部分内容之后的配置文件应该长这样

重新加载nginx之后,配置会更新,使用:

现在该配置文件已经生效了,配置在监听80端口的本地服务器上,我们可以在本地访问 http://localhost/ ,在此之后例如 http://localhost/images/example.png 这样的请求, Nginx会映射到location /images/去,如果请求的资源不存在,Nginx将返回404页面,404页面是可以定制的,一般企业也会定制属于自己的404页面。

后续的内容我还打算针对一些常见场景,记录以下nginx的配置文件针对不同场景和需求该如何去写,以及为什么这么写。Nginx一些模块的详细介绍不打算专门写,大家如果有需求可以看官方文档。

http://nginx.org/en/docs/beginners_guide.html#conf_structure

nginx配置通过IP访问返回静态页面

做不到的,域名解析式是在客户端这边做到,客户机拿到ip才能用tcp去连你的服务器。
你还让人家不能通过ip访问?

服务器断是有个 refer地址,在服务器代码里面是可以识别从哪里跳转过来的,但初次访问应该也是没有的。

当然可以弄个javascript脚本,在携指枝客户端判断辩敏 地址栏的链接地逗激址,当看到是ip时就然后跳转到其他页面上去。不过是在没这个必要吧

Nginx 指定URL或静态页面 实现用户登录 用户名密码验证

如题,Swagger-UI页面需要加权限验证肆谈拦截,但又不想搞太麻烦,于事就决定用Nginx的指定URL权限验证,来实现拦截swagger-ui.html

以Centos为例

修改配置文睁宏件
/etc/nginx/nginx.conf

本文同时裂早碰也会发布在我的个人博客
https://zzzmh.cn/single?id=71

分享到 :
相关推荐

远程控制电脑命令(远程控制电脑命令行)

大家好,今天来介绍远程控制电脑命令(电脑怎么进行远程控制手机)的问题,以下是渲大师小...

typecho安装教程(typecho安装连接不上数据库)

大家好,今天来介绍typecho安装教程(如何建立网站平台的步骤)的问题,以下是渲大...

关于个人app使用服务器的经验(关于个人app使用服务器的经验说明)

随着互联网迅速的发展。app服务已经成为了我们生活中不可缺少的一个服务了。很多人都不...

为什么要买带管理控制面板的云服务器?

云服务器因为其稳定性高。使用空间大等特点越来越受到个人站长和中小企业的青睐。相比起一...

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注