首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

【Nginx07】Nginx学习:HTTP核心模块(四)错误页面与跳转

Nginx学习:HTTP核心模块(四)错误页面与跳转 最最核心的部分学习完了,但其实还有更多的内容要等待着我们探索。今天我们先来看到的就是关于错误页面的设置以及 301、302 跳转相关的内容。...code 可以设置多个,=response 可以修改返回的响应码,最后的 uri 就是我们要最终显示哪个 uri 页面。先来看看默认的 Nginx 错误页面的配置是啥样的吧。...把上面 404 的注释掉,然后再次访问一个不存在的 php 页面,得到的结果是这样的。 这是由 fastcgi 接管的 404 报错页面,会显示 File not found....如果不修改全局的,只是修改 /errtest1/ 的配置,那么最终也会显示这个 Nginx 默认的 404 错误页面,这个大家可以自己尝试一下哦。...: http://core.nginx.test/index.html 它返回的是第一个 server_name 的值。

75530
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    如何自定义404页面?云服务器+Nginx中加3行配置搞定,小白也能跟着流畅操作

    图片大家好,这里是程序员晚枫。...所以这种情况下,就需要我们来自己设计一个404网页,来给用户一个适当的报错页面,而不是直接报一个打不开的错误。...需要的设备和技术硬件:一台云服务器-部署网站技术:Nginx-配置404页面、vuepress-开发网站、域名-绑定服务器详细步骤效果展示先展示一下效果当用户访问一个不存在的页面,如:https://python-office.com.../fsa 时,不会机械地报错,会显示如下页面?...root /static-url/error-html; } }}我的404页面我的404页面代码,也开放给大家:GitHub写在后面如果本期内容有疑问,欢迎大家在评论区和我交流哟

    1.6K90

    部署上线-Nginx设置

    又因为nginx是一个轻量级的web服务器,相比apache来说资源消耗更低 http://nginx.org 官网 http://www.nginx.cn/doc/index.html 中文文档 为什么选择...,这点使 Nginx 尤其受到虚拟主机提供商的欢迎。...aerror_log 指定此虚拟主机的错误日志存放路径,最后的error用于指定访问日志的输出格式 error_page 根据错误码 返回对应的页面 root 表示在这整个server虚拟主机内,全部的...另外一类是访问其他的网段拉取数据。这类数据不是托管站内的,是在其他站点的。浏览器在页面呈现的过程,拉取非本站的资源,这就称“盗链” 准确的说,只有某些时候,这种跨站访问资源,才被称为盗链。...-- 此时这里无法正常显示图片,可能是得到403错误,也可能返回一张勿盗链图片 -->

    70520

    有遇到布署服务器后刷新404问题吗?

    我们先还原一下场景: vue项目在本地时运行正常,但部署到服务器中,刷新页面,出现了404错误 先定位一下,HTTP 404 错误意味着链接指向的资源不存在 问题在于为什么不存在?...为什么history模式下有问题 Vue是属于单页应用(single-page application) 而SPA是一种网络应用程序或网站的模型,所有用户交互是通过动态重写当前页面,前面我们也看到了,不管我们应用有多少页面...index.html 文件,然后我们在跳转路由进入到 www.xxx.com/login 关键在这里,当我们在 website.com/login 页执行刷新操作,nginx location 是没有相关配置的...JS来执行视图切换的, 当我们进入到子路由时刷新页面,web容器没有相对应的页面此时会出现404 所以我们只需要配置将任意页面都重定向到 index.html,把路由交由前端处理 对nginx配置文件....-s reload 这么做以后,你的服务器就不再返回 404 错误页面,因为对于所有路径都会返回 index.html 文件 为了避免这种情况,你应该在 Vue 应用里面覆盖所有的路由情况,然后在给出一个

    8.2K31

    vue-router之hash与history,以及nginx配置

    需要服务器的支持 单页应用中,服务端不存在http://www.testurl.com/login这样的地址,会返回找不到该页面 在服务端应该除了静态资源外都返回单页应用的index.html,比如:...处理方式 在nginx的html根目录部署一个项目,然后新开一个文件夹,部署另一个项目,nginx.conf location / { root html; index index.html...index.htm; try_files $uri $uri/ /index.html } try_files: $uri: 当前请求路由 这句话意思是尝试请求当前路由,如果请求不到,就返回当前目录下的...://www.xxxx/lily/ 1、浏览器访问,显示空白页面,chunk加载失败 2、浏览器直接访问 /static/目录,显示403 3、访问 /main/home,显示nginx页面 4...、页面刚进入可以正常显示,刷新之后就显示404 页面刚进入是redirect指向的资源可以正常加载,刷新后404一般来说就是配置和真实的路径不符合,需要指定try_files 5、首页可以正常显示,刷新页面或者跳转到别的页面报错

    2K20

    nginx设置,如果网页404,就跳转index

    如果你希望在使用Nginx时,当用户请求一个不存在的页面(即HTTP 404错误)时,能够自动跳转到​​index.html​​​页面,你可以使用Nginx的​​error_page​​指令来实现这一功能...error_page 404 /index.html;​​这行代码则告诉Nginx,当HTTP 404错误发生时,应当跳转到​​/index.html​​页面。...reload nginx 或者,如果你使用的是较旧的系统,可能需要使用以下命令: bash复制代码 sudo service nginx reload 请记住,在进行任何更改之前,始终备份你的Nginx...location / { try_files $uri $uri/ =404; # 尝试返回请求的文件或目录,如果不存在则返回404...,当用户请求一个不存在的页面时,Nginx会返回404错误。

    1.2K00

    启用WP Super Cache纯代码版本之后的一些优化措施

    注意:cache.php 和 js 代码中的 url 对象是 一 一对应的!!...这篇文章主要是针对上一篇文章而写的,所以就是 cache.php,如果想改成其他 php 文件,也是可以的,但前提条件是和 js 中 url 对象要一致!...三、加入缓存时间 针对第⑧条: 如果缓存页面没有时间戳,会让人分不清楚这个缓存页面是什么时候生成的,因为有时删除了缓存文件,在前台刷新看到的依然是缓存内容(nginx 通常会产生一个 304 的浏览器缓存...六、禁止缓存 404 针对第⑾条 当有人有意无意的访问到一些不存在的页面地址时,缓存代码会将 404 页面给缓存成 html。...先不说这样的文件夹会不会逼死强迫症。一旦这些奇葩路径被缓存,那么再次被访问,返回的就不再是 404 状态了,而是正常的 200 状态!

    1.3K70

    Nginx 核心配置文件

    index index.html index.htm; } # 如果访问的页面是 500 502 503 504,则发送 /50x.html... I am WWW 这些内容其实就是在 Nginx 的欢迎页面上多加别 I am WWW 内容。...举例来说明: 有些时候请求某些接口的时候需要返回指定的文本字符串或者 json 字符串,而不是页面,如果逻辑非常简单或者干脆是固定的字符串,那么可以使用 Nginx 快速实现,这样就不用编写程序响应请求了...# 监听日志 tail -f /usr/local/nginx/logs/my.log 浏览器访问一次 Nginx 的欢迎页面,回来看日志的输出,结果如图: 例子 2:输出内容加上访问机器的信息...浏览器访问一次 Nginx 的欢迎页面,回来看日志的输出,结果如图: # 其他配置指令 sendfile:用来设置 Nginx 服务器是否使用 sendfile 传输文件,该属性可以大大提高 Nginx

    52620

    Vue路由history模式踩坑记录:nginx配置解决404问题

    问题背景: vue-router 默认是hash模式,使用url的hash来模拟一个完整的url,当url改变的时候,页面不会重新加载。...比如:当我们进行项目的主页的时候,一切正常,可以访问,但是当我们刷新页面或者直接访问路径的时候就会返回404,那是因为在history模式下,只是动态的通过js操作window.history来改变浏览器地址栏里的路径...,并没有发起http请求,但是当我直接在浏览器里输入这个地址的时候,就一定要对服务器发起http请求,但是这个目标在服务器上又不存在,所以会返回404 怎么解决呢?...总结如下: 在nginx里配置了以下配置后, 可能首页没有问题,但链接其他会出现(404) location / { root D:\Test\exprice\dist; index.../data/nginx/html;   index index.html index.htm;   error_page 404 /index.html; }

    4.4K32

    网站静态内容出版解决方案

    如果存在便返回给www服务器,并显示出来 如果cms上文件不存在,cms服务器便使用rewrite生成该文件, 同时将内容返回给www服务器,www将内容缓存在自己的服务器上,并将内容显示出来 第二次访问...访问www服务器 nginx 判断文件是否存在,如果存在将文件显示出来 如果文件不存在,去cms服务器上查找, 如果存在便返回给www服务器,并显示出来 如果cms上文件不存在,cms服务器便使用rewrite...生成该文件, 同时将内容返回给www服务器,www将内容缓存在自己的服务器上,并将内容显示出来 2. cdn 如何使用 cdn 来缓存你的网站内容 让你的网页缓存在 cdn 节点上的方式有下面几种 让cdn...内容生成 服务应该实现 当发现目录中文件不存, 通过rewrite生成html, 这样可能根据需要生成html页面 当页面更新的时候,应该通过api 刷新cdn的缓存, 图片的版本好应该加一 将页面分成多个模块...Ajax 局部更新与缓存 例如我的新闻评论页面,需要使用ajax技术, 将用户回复的品论显示来, ajax 载入json数据然后局部更新, 我对他做了1分钟的缓存 if ($request_uri ~*

    1.2K50

    Nginx实现404页面的三种方法

    一个网站项目,肯定是避免不了404页面的,通常使用Nginx作为Web服务器时,有以下集中配置方式: 第一种:Nginx自己的错误页面 Nginx访问一个静态的html...页面,当这个页面没有的时候,Nginx抛出404,那么如何返回给客户端404呢?...root /usr/share/nginx/html; } } 第二种:反向代理的错误页面 如果后台Tomcat处理报错抛出404,想把这个状态叫Nginx反馈给客户端或者重定向到某个连接...redirect; } # 关键参数:这个变量开启后,我们才能自定义错误页面,当后端返回404,nginx拦截错误定义错误页面 proxy_intercept_errors...解析php代码的错误页面 如果后端是php解析的,需要加一个变量 在http段中加一个变量 fastcgi_intercept_errors on 就可以了。

    3.4K50

    Nginx 五大常见应用场景,运维请收藏

    Nginx 是一个很强大的高性能 Web 和反向代理服务,它具有很多非常优越的特性,在连接高并发的情况下,Nginx 是 Apache 服务不错的替代品。...其特点是占有内存少,并发能力强,事实上 nginx 的并发能力在同类型的网页服务器中表现较好,因此国内知名大厂例如:淘宝,京东,百度,新浪,网易,腾讯等等都在使用 Nginx 网站。...一、自定义返回客户端的404错误页面1)优化前,客户端使用浏览器访问不存在的页面,会提示404文件未找到# firefox http://192.168.4.5/xxxxx //访问一个不存在的页面2)...usr/local/nginx/html/404.html  //生成错误页面Oops,No NO no page …# nginx -s reload# 请先确保 nginx 是启动状态,否则运行该命令会报错...-n 以数字格式显示端口号-t 显示TCP连接的端口-u 显示UDP连接的端口-l 显示服务正在监听的端口信息,如httpd启动后,会一直监听80端口-p 显示监听端口的服务名称是什么(也就是程序名称)

    1.2K10

    Nginx的几个常用配置和技巧

    每个站点对应不同的端口,访问的时候使用ip:port的方式访问,可以修改listen的端口来使用 基于域名的虚拟主机: 使用最广的方式,上边例子中就是用了基于域名的虚拟主机,前提条件是你有多个域名分别对应每个站点..."; auth_basic_user_file key/auth.key; } } 有很多服务通过nginx访问,但本身没有提供账号认证的功能,就可以通过nginx提供的authbase...,单位是byte;改为off显示文件大概大小,单位KB或MB或GB autoindex_localtime: 为off(默认)时显示的文件时间为GMT时间;改为on后,显示的文件时间为服务器时间 默认当访问列出的...,这里详细说下proxy_pass http://tomcats与proxy_pass http://tomcats/的区别: 虽然只是一个/的区别但结果确千差万别。...ops-coffee; } location @ops-coffee { rewrite .* / permanent; } } 网站出现404页面不是特别友好

    59310

    Nginx的几个常用配置和技巧

    每个站点对应不同的端口,访问的时候使用ip:port的方式访问,可以修改listen的端口来使用 基于域名的虚拟主机: 使用最广的方式,上边例子中就是用了基于域名的虚拟主机,前提条件是你有多个域名分别对应每个站点..."; auth_basic_user_file key/auth.key; } } 有很多服务通过nginx访问,但本身没有提供账号认证的功能,就可以通过nginx提供的authbase...,单位是byte;改为off显示文件大概大小,单位KB或MB或GB autoindex_localtime: 为off(默认)时显示的文件时间为GMT时间;改为on后,显示的文件时间为服务器时间 默认当访问列出的...,这里详细说下proxy_pass http://tomcats与proxy_pass http://tomcats/的区别: 虽然只是一个/的区别但结果确千差万别。...ops-coffee; } location @ops-coffee { rewrite .* / permanent; } } 网站出现404页面不是特别友好

    50830
    领券