美文网首页
路由及跨域

路由及跨域

作者: 糖心m | 来源:发表于2017-06-30 00:18 被阅读30次

一:路由实现登录验证的思路:

首先通过http模块创建服务,并加以端口监听。  接着发送一个带查询字符串的请求, 由request  对象我们可以获得 请求的URL, 针对URL处理我们引入  node原生模块 URL模块, 用其parse()将我们的URL 转换为对象。

接着用url对象中的pathname属性 可以获得URL的 静态资源(访问路径),  这时我们对不同的资源加以路由分配管理,当匹配到登录页面的时候,  我们获取url中的查询字符串,将其和我们数据库原有的数据进行匹配,  来完成登录验证

二:什么是跨域?

跨域,指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的, 是浏览器对JavaScript施加的安全限制。 所谓同源是指,域名,协议,端口均相同,不明白没关系,举个栗子: http://www.123.com/index.html 调用

http://www.123.com/server.js (非跨域)

http://www.123.com/index.html 调用

http://www.456.com/server.js (主域名不同:123/456,跨域)

http://abc.123.com/index.html 调用

http://def.123.com/server.js (子域名不同:abc/def,跨域)

http://www.123.com:8080/index.html 调用

http://www.123.com:8081/server.js (端口不同:8080/8081,跨域)

http://www.123.com/index.html 调用

https://www.123.com/server.js (协议不同:http/https,跨域)

请注意:

localhost和127.0.0.1虽然都指向本机,但也属于跨域。

浏览器执行javascript脚本时,会检查这个脚本属于哪个页面,如果不是同源页面,就不会被执行。

解决办法:

1、JSONP: 使用方式就不赘述了,但是要注意JSONP只支持GET请求,不支持POST请求。

2、代理: 例如www.123.com/index.html需要调用www.456.com/server.js,可以写一个接口www.123.com/server.js, 由这个接口在后端去调用www.456.com/server.js并拿到返回值,然后再返回给index.html,这就是一个代理的模式。 相当于绕过了浏览器端,自然就不存在跨域问题。

3、服务端修改header(XHR2方式) 在js接口脚本中加入以下两句即可: header('Access-Control-Allow-Origin:*');//允许所有来源访问 header('Access-Control-Allow-Method:POST,GET');//允许访问的方式

相关文章

  • 路由及跨域

    一:路由实现登录验证的思路: 首先通过http模块创建服务,并加以端口监听。 接着发送一个带查询字符串的请求, 由...

  • .htaccess使用记录

    隐藏路由 跨域

  • 跨域

    跨域资源共享 CORS 详解什么是跨域及怎么解决跨域问题?

  • K8s的ingress 配置跨域和白名单,

    配置跨域: 配置白名单: 配置路由规则

  • 跨域及解决跨域

    同源策略:ajax请求时,浏览器要求当前网页和server必须同源(安全) 同源的意思是:协议,域名,端口 三者必...

  • uniapp H5跨域问题

    uniapp编译到app是不存在跨域问题的,但是编译到H5就会有跨域问题。记录一下工作中遇到跨域及解决跨域方法 方...

  • JSONP跨域

    JSONP原理及应用 之前的文章中简单介绍过前端可以实现的跨域方式,这次介绍一种更为常用的跨域方式,但这种跨域方式...

  • 2020面试总结

    (一)、跨域理解及HTTP与HTTPS区别,为啥HTTPS比HTTP更安全些? 解决跨域的有JsonP:(只要发送...

  • 关于跨域

    跨域的几种方法及优缺点 1. JSONP跨域 优点:它不像XMLHttpRequest对象实现的Ajax请求那样受...

  • Webpack 配置 proxy 代理解决跨域问题

    问题 JS跨域及解决方案[https://www.jianshu.com/p/0e9a368ffb74]介绍了跨域...

网友评论

      本文标题:路由及跨域

      本文链接:https://www.haomeiwen.com/subject/bdxbcxtx.html