前言
本文主要介绍了利用Nginx中map指令实现页面跳转的方法,有需要的下面来一起学习学习。
实现方法
在 nginx.conf 的 http 域中添加 map 指令规则,这里包含一个 URL 规则映射文件:
# 设置301跳转 map $request_uri $new { include /etc/nginx/redirect.map; }
map 指令支持引入一个映射文件的方式,这里 redirect.map 文件内容格式如下:
~^/page/mordern-php$ /page/modern-php;
目前只添加了一行作为测试,前面可以是正则表达式,后面是要跳转到的新的 URL ,每行以分号结束。
由于网站开启了 HTTPS,在监听 443 端口的 server 块中,location 语句前添加规则如下:
if ($new) { rewrite ^ https://www.tanteng.me$new redirect; }
这个语句表示如果 URL 匹配到 redirect.map 里的规则,则跳转到新的 URL 规则。
重启 nginx 服务,就可以看到效果了。
总结
好了,以上就是利用Nginx的map指令实现页面跳转的全部内容了,这个功能对大家来说还是相对比较实用的,希望本文对有需要的人能有所帮助,如果有疑问大家可以留言交流。
本文向大家介绍Angular 利用路由跳转到指定页面的指定位置方法,包括了Angular 利用路由跳转到指定页面的指定位置方法的使用技巧和注意事项,需要的朋友参考一下 之前做过页面内的跳转,比较简单,最近项目需要实现跨页面跳转,并跳转到指定地点,试了很多方法,有用到传递参数然后让页面滚动相应的距离,但是一旦文章长短发生变化,滚动的距离也需要重新计算,比较麻烦,所以最后总结出这两种比较靠谱的方法,只
本文向大家介绍使用runtime 实现weex 跳转原生页面,包括了使用runtime 实现weex 跳转原生页面的使用技巧和注意事项,需要的朋友参考一下 一、简述 最近项目组打算引入weex,并选定了一个页面进行试水。页面很简单,主要是获取数据渲染页面,并可以跳转到指定的页面。跟之前使用RN 相比,weex 确实要简单很多。从下图中我们可以看到,weex 页面需要跳转到原生页面,并且跳转到哪
本文向大家介绍js点击返回跳转到指定页面实现过程,包括了js点击返回跳转到指定页面实现过程的使用技巧和注意事项,需要的朋友参考一下 这个功能之前有简单的带过,这次详细的讲解下原理和存在的问题(由于是运用html5的新API 所以有兼容问题,推荐移动端使用该方法)。 功能描述: 在浏览器中新建标签页并指定一个网址,网页加载完毕后,正常流程下是不允许点击返回的。因为当前标签页的相关历史记录是没有的,所
本文向大家介绍JavaScript实现页面跳转的几种常用方式,包括了JavaScript实现页面跳转的几种常用方式的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JavaScript实现页面跳转的几种常用方式。分享给大家供大家参考,具体如下: 第一种: 第二种: 第三种: 第四种: 第五种: javascript中弹出选择框跳转到其他页面 javascript中弹出提示框跳转到其他页面 补
本文向大家介绍Nginx实现404页面的方法小结,包括了Nginx实现404页面的方法小结的使用技巧和注意事项,需要的朋友参考一下 第一种:Nginx自己的错误页面 Nginx访问一个静态的html 页面,当这个页面没有的时候,Nginx抛出404,那么如何返回给客户端404呢? 看下面的配置,这种情况下不需要修改任何参数,就能实现这个功能。 第二种:反向代理的错误页面 如果后台Tomcat处理报
本文向大家介绍vue实现登录后页面跳转到之前页面,包括了vue实现登录后页面跳转到之前页面的使用技巧和注意事项,需要的朋友参考一下 在开发中我们经常遇到这样的需求,需要用户直接点击一个链接进入到一个页面,用户点击后链接后会触发401拦截返回登录界面,登录后又跳转到链接的页面而不是首页,这种问题该如何去做呢? 先说一下我们需要用到的几个API: 1.router.currentRoute:当前的路由