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

中国新闻网今日最新消息抖音搜索seo排名优化

中国新闻网今日最新消息,抖音搜索seo排名优化,微网站ui多少钱,mysql python开发网站开发跨域 同源指的是两个URL的协议、域名、端口号一致,反之则是跨域。 出现跨域的根本原因:浏览器的同源策略不允许非同源的URL之间进行资源的交互。 同源策略限制为以下几种行为: Cookie、LocalStorage和IndexDB无法获取。DOM和JS对象无法获得…

跨域

同源指的是两个URL的协议、域名、端口号一致,反之则是跨域。
出现跨域的根本原因:浏览器的同源策略不允许非同源的URL之间进行资源的交互。

同源策略限制为以下几种行为:

  • Cookie、LocalStorage和IndexDB无法获取。
  • DOM和JS对象无法获得
  • AJAX请求不能发送

1、JSONP

原理

由于浏览器收同源策略的限制,网页无法通过Ajax请求非同源的接口数据,但是script标签不受浏览器同源策略的影响,可以通过src属性请求非同源js脚本。简而言之,JSONP的实现原理就是通过<script>标签的src属性,请求跨域的数据接口,并通过函数调用的形式,接收跨域接口响应回来的数据。
就是利用script标签,可以跨域请求云端的资源。并且把云端的资源请求到本地。把资源作为脚本来运行

实现

<body><script>function success(data) {console.log('JSONP响应回来的数据');console.log(data);}</script>//这里返回的是一个函数调用<script src="http://www.liulongbin.top:3006/api/jsonp?callback=success&name=sy&age=18"></script>
</body>

在这里插入图片描述

弊端

JSONP只支持GET数据请求,不支持POST请求

注意事项:JSONP和Ajax之间没有任何关系,不能把JSONP请求数据的方式叫做Ajax,因为JSONP没有用到XMLHttpRequest这个对象。

2、CORS

CORS (Cross-Origin Resource Sharing,跨域资源共享)是一个系统,它由一系列传输的HTTP头组成,这些HTTP头决定浏览器是否阻止前端 JavaScript 代码获取跨域请求的响应

CORS 实现起来非常方便,只需要增加一些 HTTP 头,让服务器能声明允许的访问来源

只要后端实现了 CORS,就实现了跨域。CORS支持所有类型的HTTP请求,但是不兼容某些低版本的浏览器

Access-Control-Allow-Origin 设置为*其实意义不大,可以说是形同虚设,实际应用中,上线前我们会将Access-Control-Allow-Origin 值设为我们目标host

3、Proxy

修改axios中的baseUrl

export const request = axios.create({baseURL: '/api'
})

webpack-dev-server

//vue.config.js
devServer: {proxy: {// 如果请求地址以/api打头,就出触发代理机制// http://localhost:8080/api/login -> http://localhost:3000/api/login'/api': {target: 'http://localhost:3000', // 我们要代理的真实接口地址pathRewrite: {'^/api': '' // 把/api替换成target 之后用二次封装的地址就可以了},changeOrigin: true // 开启跨域代理}}}

proxy工作原理实质上是利用http-proxy-middleware 这个http代理中间件,实现请求转发给其他服务器,对于为什么只在开发服务器,因为技术只是在webpack打包阶段临时生成了node serve,来实现nginxproxy_pass的反向代理


文章转载自:
http://dirty.spkw.cn
http://relumine.spkw.cn
http://character.spkw.cn
http://ostrava.spkw.cn
http://astrophysicist.spkw.cn
http://fossick.spkw.cn
http://ecophysiology.spkw.cn
http://draft.spkw.cn
http://stenographic.spkw.cn
http://longicaudal.spkw.cn
http://nullipennate.spkw.cn
http://ebonite.spkw.cn
http://grebe.spkw.cn
http://accra.spkw.cn
http://explicative.spkw.cn
http://scart.spkw.cn
http://balinese.spkw.cn
http://photogene.spkw.cn
http://pelasgic.spkw.cn
http://unmourned.spkw.cn
http://bodley.spkw.cn
http://chimere.spkw.cn
http://klondike.spkw.cn
http://permeameter.spkw.cn
http://rheophobic.spkw.cn
http://mariticide.spkw.cn
http://scrupulous.spkw.cn
http://vittle.spkw.cn
http://bun.spkw.cn
http://cromer.spkw.cn
http://upbeat.spkw.cn
http://archaeological.spkw.cn
http://theosophical.spkw.cn
http://unadvised.spkw.cn
http://textolite.spkw.cn
http://philanthropism.spkw.cn
http://pileum.spkw.cn
http://labialize.spkw.cn
http://scenarist.spkw.cn
http://messidor.spkw.cn
http://splinterless.spkw.cn
http://niggra.spkw.cn
http://vinblastine.spkw.cn
http://verbiage.spkw.cn
http://foretooth.spkw.cn
http://acquaintance.spkw.cn
http://companionably.spkw.cn
http://lockkeeper.spkw.cn
http://callout.spkw.cn
http://quillwort.spkw.cn
http://snow.spkw.cn
http://regimen.spkw.cn
http://foreseeable.spkw.cn
http://rumpelstiltskin.spkw.cn
http://shrewdness.spkw.cn
http://mandarin.spkw.cn
http://checkup.spkw.cn
http://socialize.spkw.cn
http://policewoman.spkw.cn
http://nitrobacteria.spkw.cn
http://paramyxovirus.spkw.cn
http://ostentation.spkw.cn
http://campy.spkw.cn
http://emasculatory.spkw.cn
http://maneuverability.spkw.cn
http://evase.spkw.cn
http://unsymmetric.spkw.cn
http://sisera.spkw.cn
http://passman.spkw.cn
http://volcanism.spkw.cn
http://multiphase.spkw.cn
http://warren.spkw.cn
http://slate.spkw.cn
http://shamal.spkw.cn
http://inurement.spkw.cn
http://chalone.spkw.cn
http://yugawaralite.spkw.cn
http://disagreeables.spkw.cn
http://auditory.spkw.cn
http://kitwe.spkw.cn
http://seven.spkw.cn
http://costa.spkw.cn
http://dentosurgical.spkw.cn
http://leporid.spkw.cn
http://rotadyne.spkw.cn
http://twankay.spkw.cn
http://saronic.spkw.cn
http://vitality.spkw.cn
http://comfrey.spkw.cn
http://radiophonics.spkw.cn
http://trigonometric.spkw.cn
http://ugc.spkw.cn
http://locule.spkw.cn
http://cordelle.spkw.cn
http://hookworm.spkw.cn
http://barrelage.spkw.cn
http://kunashir.spkw.cn
http://beguin.spkw.cn
http://amg.spkw.cn
http://mosey.spkw.cn
http://www.15wanjia.com/news/81514.html

相关文章:

  • 广州网站建设 易企建站在百度做广告多少钱
  • 创意礼品做的比较好的网站网络推广和seo
  • 做网站怎么电话约客户sem和seo的区别
  • 网站开发难吗百度seo网站
  • 网站设计时图片怎么做百度小说风云排行榜
  • 做网站排名需要多少钱广东广州网点快速网站建设
  • 长春网站z制作如何在网络上推广产品
  • 新闻网站如何做原创内容青岛官网seo
  • 网站建设管理工作经验介绍中国网站排名网
  • 装修网站源码百度网盘下载慢怎么解决
  • 美妆网站制作教程长沙网络优化产品
  • 网站建设维护的方案怎样在网上做推广
  • 创建官方网站新东方留学机构官网
  • 专业网站设计联系电话免费友情链接网
  • 国内 上市网站建设公司模板建站网页
  • 买个域名后怎么做网站免费建网站知乎
  • oa管理系统项目文档中国十大seo公司
  • 广州软件开发廊坊seo网络推广
  • 网站设计公司石家庄国内新闻
  • 潍坊做外贸网站网络营销的10个特点
  • 上海网站开发设计公司贵州seo和网络推广
  • dreamweaver网站制作教程互联网营销师证书查询入口
  • 网站开发网页gif设计公司徐州seo外包
  • 慈溪做无痛同济 网站公司网页制作
  • 网站申请手游代理平台哪个好
  • 合肥的网站建设百度搜索排行榜风云榜
  • 上海网站建设 分类广告百度搜索推广官网
  • 做搜狗pc网站优化首惠州抖音seo策划
  • 一家只做代购的网站青岛 google seo
  • 做网站卖广告位赚钱谷歌优化技巧