第一、location 属性、用法以及相关示例：
Location包含了关于当前 URL 的信息。location 对象描述了与一个给定的 Window 对象
关联的完整 URL。location 对象的每个属性都描述了 URL 的不同特性。
2.属性概览
protocol 返回地址的协议，取值为 'http:','https:','file:' 等等。
hostname 返回地址的主机名，例如，一个“
http://www.microsoft.com/china/”的地址，location.hostname ==
'www.microsoft.com'。
· port 返回地址的端口号，一般 http 的端口号是 '80'。
· host 返回主机名和端口号，如：'www.a.com:8080'。
· pathname 返回路径名，如“http://www.a.com/b/c.html”，
location.pathname == 'b/c.html'。
· hash 返回“#”以及以后的内容，如“
http://www.a.com/b/c.html#chapter4”，location.hash ==
'#chapter4'；如果地址里没有“#”，则返回空字符串。
· search 返回“？”以及以后的内容，如“
http://www.a.com/b/c.asp?selection=3&jumpto=4”，l ocation.search
== '?selection=3&jumpto=4'；可以使用
“location.href = '…'”，也可以直接用“location = '…'”来达
到此目的。
3.方法概览
reload（） 相当于按浏览器上的“刷新”（IE）或“Reload”（Netscape）
键。
replace（） 打开一个 URL，并取代历史对象中当前位置的地址。用这个方
法打开一个 URL 后，按 下浏览器的“后退”键将不能返回到刚才的页面。
location 之页面跳转js 如下：
//简单跳转
function gotoPage（url） {
// eg. var url =
"newsview.html?catalogid="+catalogID+"&pageid="+pageid
window.location = url
}
// 对location 用法的升级，为单个页面传递参数
function goto_catalog（iCat） {
if（iCat<=0） {
top.location = "/index.aspx"// top 出去
} else {
window.location = "/newsCat.aspx?catid="+iCat
}
}
对指定框架进行跳转页面，
function goto_iframe（url） {
parent.mainFrame.location = "/index.aspx"//
// parent.document.getElementById（"mainFrame"）。src =
"/index.aspx"// use dom to change page // 同时我增加了dom 的写法
}
// 对指定框架进行跳转页面，因为
parent.iframename.location="/index.aspx"方法不能实行，主要是
"parent.iframename" 中的iframename在js 中被默认为节点，而 不能把传递过
来的参数转换过来，用dom 实现了该传递二个参数的框架跳转页面，
function goto_iframe（iframename,url） {
parent.document.getElementById（iframename）。src = "/index.aspx"//
use dom to change page by iframeName
//}
// 回到首页
function gohome（） {
top.location = "/index.aspx"
使用location对象可以通过很多方式来改变浏览器的位置。首先，也是最常用的方式，就是使用assign()方法并为其传递一个URL，如下所示：location.assign(" http://www.jxbh.cn")
这样，就可以立即打开新URL并在浏览器的历史记录中生成一条记录。如果是将location.href 或window.location设置为一个URL值，也会以该值调用assign()方法。例如，下列两行代码与显式调用assign()方法的效果完全一样：
window.location="http://www.jxbh.cn"；
location.href="http://www.jxbh.cn"；
在这些改变浏览器位置的方法中，最常用的是设置location.href属性。
另外，修改location对象的其他属性也可以改变当前加载的页面。下面的例子展示了通过将hash.search.hostname.pathname和port属性设置为新值来改变URL
Nginx 是目前最流行的Web服务器,由于具备高性能、高可靠以及支持热部署等特性被人们所青睐。Nginx用途广泛,其可作为静态资源服务器，也可充当代理服务器(HTTP/TCP/UDP/MAIL等)，还可以用来实现一些简单的API服务。Nginx主要是通过其配置文件(一般名为 nginx.conf )来控制它的行为，本文主要介绍其http模块下的 server_name 和 location 这两条指令的配置。
虚拟主机是一种在单一主机或主机群上运行多个网站或服务的技术，可以用来解决IP地址资源有限而网站数目日益增多的问题。实现方式主要有以下三种:
其中使用最广泛无疑是基于域名的方式,不同的域名通过DNS最终可以解析到相同的IP地址,在对应的机器上我们可以使用Nginx等Web服务器软件对不同的域名请求进行相应的处理。这里再提及一点,我们平时访问一个网站，是通过DNS将其解析到某一个IP上,我们的客户端(通常是浏览器)最终是和这个IP对应的机器建立连接，从而发送请求的。那么Nginx等服务器是如何知道一个请求对应的是哪个域名的呢？
答案在于HTTP协议中的Host请求头,其值为我们要访问的域名。这里需要注意的是,在HTTP/1.0中是不支持Host请求头字段的,所以HTTP/1.0是不支持虚拟主机技术的，而根据 rfc2616规范 HTTP/1.1协议中客户端发送的请求必须带上Host这个请求头,否则服务器必须返回 400 Bad Request 响应。
而nginx正是通过http模块下的server指令块来配置虚拟主机。
sever_name指令后面的参数值可以是以下几种:
除了以上几种形式，还有下面几种表示特殊含义的域名:
当需要决定采用哪个server块的配置处理请求时,会根据以下的顺序查找:
示例,假设nginx只有以下server配置:
在hosts文件上加上以下配置:
我们可以直接用浏览器访问或者借助curl工具来进行测试,测试结果如下,可对照上面的查找顺序进行分析:
值得说明的是，由于上面的配置没有显示指定默认server,所以会默认匹配到第一个配置,假如我们在配置最后再添加如下配置:
重启后，再访问 http://www.b.com ,会输出default_server,其他访问结果不变。注意这里的 default_server 是配置在 listen 指令下的。
关于listen指令,有几点需要注意的地方:
这时访问 http://www.b.com ,由于上面这个server监听的是8000端口，跟请求的80端口不匹配,结果将会变回 ~^www\.a\..*
这时如果是在公网访问的话，不管访问上面的哪个域名都会返回"default_server"，理由是不设置IP的话nginx默认会监听该机器的所有IP的特定端口,设置了的话只会监听该IP的特定端口。
本地访问同理，不能匹配到listen了公网IP的server。
了解完server_name和listen的配置规则，我们知道了一个请求过来会对应哪个server。接下来我们要讨论的是某个server下不同请求URI对应的location配置查找规则。
根据配置语法我们知道location可以有以下几种形式:
根据请求的URI和location的配置,查找请求对应的location过程如下:
根据上面的查找过程，可以得到一些配置优化点：
假设有如下配置:
测试结果如下:
关于最后一条测试结果,需要注意的是， /a/.*$ 这个正则表达式,并不要求请求URI以 /a 开头，这也是很容易疏漏的地方,若想匹配以 /a 开头的请求，应改为 ^/a/.*$ ,此时最后一条测试结果会变为C
@ 前缀可以用来定义一个命名的location,该location不处理正常的外部请求,一般用来供内部重定向使用。它们不能嵌套,也不能包含嵌套的location。
例如:
这时访问 /try 或者 /error 都会返回"@name"
本文主要介绍了nginx关于 server_name 和 location 的配置以及匹配规则,并举例说明。 server_name 和 location 指令是nginx中非常重要的两条指令，掌握这两条指令对于我们配置nginx以及排查问题都是非常重要的，希望本文能帮到大家。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）