当前位置: 首页 > news >正文

网站主页面最开始在哪里做搜索引擎大全排行榜

网站主页面最开始在哪里做,搜索引擎大全排行榜,网站推广系统,网站开发中常见的注册界面一、什么是跨域 浏览器跨域是指当一个Web应用程序试图访问另一个协议、主机或端口不同的资源时,所发生的情况。这主要是由于浏览器的同源策略造成的,它是为了网站的安全而设置的安全限制,防止一个网站恶意访问另一个网站的资源。当然这是比较…

一、什么是跨域

浏览器跨域是指当一个Web应用程序试图访问另一个协议、主机或端口不同的资源时,所发生的情况。这主要是由于浏览器的同源策略造成的,它是为了网站的安全而设置的安全限制,防止一个网站恶意访问另一个网站的资源。当然这是比较简单的回答,其实跨域请求也分为简单请求,预检请求

1.简单请求

当请求同时满足以下条件时,浏览器会认为它是一个简单请求
1.请求属于下面的一种:

  • get
  • post
  • head

2.请求头仅包含安全的字段,常见安全字段如下:

  • Accept
  • Accept-Language
  • Content-Language
  • Content-Type
  • DPR
  • DownLink
  • Save-Data
  • Viewport-Width
  • Width

3.请求头如果包含Content-type,仅限下面的值之一:

  • text/plain
  • multipart/form-data
  • application/x-www-form-urlencoded

浏览器发现这个是简单请求后,会在请求头中自动添加Origin字段,告诉服务器这个请求来自哪里,其实服务器对简单请求是进行了响应,也返回了正确的数据,但是浏览器发现服务器的响应头里面没有Access-Control-Allow-Origin字段,或者这个字段的值不为*或者是页面的地址,浏览器会进行拦截,不给数据,可以用node.js简单的写一个接口试试,贴一段测试代码吧

const express = require('express')
const app = express()
const port = 3000app.get('/api', (req, res) => {console.log(req.path);//res.setHeader("Access-Control-Allow-Origin","*");  //打开就不跨越了res.send('Hello World!')
})
app.listen(port, () => console.log(`Example app listening on port ${port}!`))
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body></body>
<script>fetch("http://127.0.0.1:3000/api")
</script>
</html>

要是这代码都看不懂,那就多学学吧

2.需要预检的请求

不是上述的简单请求就属于需要预检的请求,首先浏览器会发送一个option方法的预检请求,询问服务器是否允许,如何不需要就报跨域错误,服务器运行才会发送真实的请求。
预检请求有以下特征

  • 请求方法为OPTION
  • 没有请求体
  • 请求头中包含
    1.Origin:请求的源,和简单请求的含义一致
    2.Access-Control-Request-Method:后续的真实请求将使用的方法
    3.Access-Control-Request-Headers:后续的真实请求会改动的请求头
    服务器收到预检请求后,如果允许,必须响应以下消息格式
  • Access-control-Allow-Origin:允许的请求来源
  • Access-control-Allow-Methods:允许的请求方式
  • Access-control-Allow-Headers:允许改动的请求头

浏览器收到这种响应体后,才会发送真实的请求
可以看出来,跨域就是浏览器搞出来的,要么不给服务器响应结果,要么连请求都不发送给服务器,所以跨域只存在于浏览器环境,这也是为啥postman,服务端请求接口不会出现跨域的根本原因

http://www.ritt.cn/news/19199.html

相关文章:

  • 网站设计规划的创意缅甸最新新闻
  • 旅游网站建设与规划论文汕头网络营销公司
  • 推荐一个做淘客网站网站怎么制作教程
  • 企业网站建设首选智投未来1百度指数三个功能模块
  • 专业设计viseo 网站排名
  • 百度快照举报网站百度自动点击器怎么用
  • wordpress发送注册邮件失败seo搜索引擎优化视频
  • 二级域名做网站如何做seo优化
  • 网站设计论文引言上海网站关键词排名
  • 帮人做网站被派出所抓到徐州公司网站开发费用
  • wap网站开发教程百度pc端首页
  • 建立网站的详细步骤图解百度搜索风云榜电视剧
  • 简述网站建设的基本流程竞价关键词排名软件
  • 男人是用什么做的视频网站哈尔滨百度推广联系人
  • 电商网站开发分享做谷歌推广比较好的公司
  • 小说发表哪个网站赚钱互联网广告推广公司
  • 吉安网站建设优化服务网站设计公司苏州
  • 沙井网站制作优化什么
  • pbootcms官网seo自动优化工具
  • 文山网站建设求职简历免费下载app并安装
  • 网址导航类网站如何做推广公司培训
  • 电子商务网站建设与管理基础爱站网关键词查询系统
  • 大连建设信息seo外包杭州
  • 装修上什么网站比较好泉州关键词优化软件
  • wordpress积分商城主题优化排名
  • 淄博网站运营公司免费发布信息网站大全
  • 北京好的做网站公司哪个好用?
  • 电商网站建设功能百度点击工具
  • 做企业网站需要提供什么资料百度网站名称及网址
  • 彩票网站建设平台手机百度高级搜索入口在哪里