今天的码农女孩做了关于解决跨域的笔记
处理跨域:
在项目根目录下定义一个vue.config.js文件
在文件下定义代理的地址:
module.exports={
devServer:{
proxy:{
'/api':{
target:"https://api.isoyu.com/",
changeOrigin:true,
ws:true,
sucure:true,
pathRewrite:{
'^/api':''
}
}
}
}
}
使用的文件中:
import axios from 'axios'
axios.defaults.baseURL="/api"
什么是跨域:
同源策略:
要求访问的地址必须协议、端口号、域名相同,为了保证用户信息的安全,防止恶意的窃取数据,禁止不同域直接进行js交互。
限制:无法获取dom,ajax不能发送,cookie、localStorage、indexDB无法读取。
解决跨域的方法:
1.document.domain+iframe 执行跨域
var iframe=document.getElementById("iframe")
var win=iframe.contentWindow
iframe.contentWindow.document
2.window.name+iframe 解决跨域
window.name="名字"
window.location="路径"
另一个页面直接获取window.name
3.location.hash+iframe 解决跨域
var iframe=document.getElementById("iframe")
location.hash
4.window.postMessage解决跨域
window.postMessage("发送内容")
另一个页面
window.onmessage=function(e){}
5.web sockets 解决跨域
var s=new WebSocket("路径")
s.send("发送内容")
另一个页面
window.onmessage=function(e){}
6.jsonp与ajax链接 解决跨域
function fun(res){}
script.callback=fun
7.跨域资源共享(CORS)
var xdr=new XDomainRequest()
xdr.open(get,路径)
xdr.send()
8.nginx服务器 解决跨域
需要在服务器配置代理路径,修改服务器的配置文件
conf文件
server{
listen 8080
server_name www.baidu.com
location {......}
}
SVN与Git的最主要的区别?
SVN是集中式版本控制系统,版本库是集中放在中央服务器的,而干活的时候,用的都是自己的电脑,所以首先要从中央服务器哪里得到最新的版本,然后干活,干完后,需要把自己做完的活推送到中央服务器。集中式版本控制系统是必须联网才能工作,如果在局域网还可以,带宽够大,速度够快,如果在互联网下,如果网速慢的话,就纳闷了。
Git是分布式版本控制系统,那么它就没有中央服务器的,每个人的电脑就是一个完整的版本库,这样,工作的时候就不需要联网了,因为版本都是在自己的电脑上。既然每个人的电脑都有一个完整的版本库,那多个人如何协作呢?比如说自己在电脑上改了文件A,其他人也在电脑上改了文件A,这时,你们两之间只需把各自的修改推送给对方,就可以互相看到对方的修改了。
今天的码农女孩做了关于解决跨域的笔记相关推荐
- 今天的码农女孩做了关于svg画图和canvas画图 2022/1/18
svg和canvas画图 svg和canvas区别: svg:不依赖分辨率,不能嵌入图片和文字,不能通过事件操作,但是可以通过css执行动画,矢量图形,放大缩小不失真,渲染能力强,适合做图标,地图,动 ...
- 今天的码农女孩做了关于js的简答题
1.什么是闭包?有什么特点? 闭包是能够有权访问其他函数内部的私有变量的函数 是指有权访问另一个函数的作用域中的变量的函数,可以提升变量 优点:在页面加载时在内存中存在,调用速度快,并闭包的变量也会始 ...
- 今天的码农女孩做了关于文件操作和文件拖拽的笔记 2022/1/21
文件操作和文件拖拽 文件操作: js有两种机制:一个是事件机制,一个是io机制 文件操作对象: Blob通过二进制数据读取 file读取单个文件对象 fileList读取多个文件对象 fileRead ...
- 详解nginx代理天地图做缓存解决跨域问题
这篇文章主要介绍了详解nginx代理天地图做缓存解决跨域问题,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧 作为一个GISer开发者,天地图是经常在项目中以底图的形式出现 ...
- 为什么80%的码农都做不了架构师?
身为技术人,相信你也思考过这个问题:工作了几年,代码写得非常熟练,上线的程序也少有 bug ,时不时还能搞个技术分享,但接下来要往哪个方向发展呢? 想来无非是 3 种选择:专精技术.转型管理.晋升架构 ...
- 大龄码农适合做什么,比如40岁以上?
对于大龄码农,建议还是从事跟技术相关的工作,这样能有比较好的承接. 这个年龄进入体制内很难了(公务员超龄),可以考虑下面的一些方向: 1 兼职外包 相比个人,接单平台有更成体系的获客渠道,通常需求也更 ...
- 做了20年的老码农-历数做过的系统
我毕业于2002年,算来已经从事软件开发20年了,期间开发过一些有意思的系统,给网友们分享下. 1)2000~2002年,FLASH动画展示.在校期间,用VC开发了Flash动画展示软件.我将大学学习 ...
- 码农不得不做的P图辨识能力
本文说一下Adobe小游戏:25张照片考验你的P图辨识能力,下面开始详细说一下. 面对一些难以置信的照片,很多人第一反应都是"这一定是 PS 的",然而这其中不乏真照片.当然 ...
- 今天的码农女孩学习了关于jQuery中的文档处理的内容
文档处理 内添加(孩子) 1.append()在父类尾部添加孩子(新) 2.appendTo()在父类尾部添加孩子(指定) 3.prepend( ...
最新文章
- 【CTF大赛】第五届XMan选拔赛 ezCM Writeup
- ArrayList、HashTable、List、Dictionary的演化及如何选择使用
- [html] 打印页面时怎样自定义打印页眉页脚或者去掉眉页脚?
- 数据科学入门与实战:玩转pandas之六时间序列
- MDK 编译错误和警告 使用时遇到的小问题
- 曼联携手HCL开发“数字体验平台”,期待大获全胜
- java获取字典表数据,利用注解完成字典表数据对应
- E-96系列电阻值代号对照表
- 最新服务器cpu14纳米,Intel CPU处理器路线图:14nm用到2021年 7nm再等3年
- 【高效工作】Sublime Text 3 美化
- 使用Java写文件不覆盖原有内容
- 厦门情侣必去浪漫的餐厅
- 如何为YouTube启用暗模式
- Android系统编译小总结
- 还在抱怨pandas运行速度慢?这几个方法会颠覆你的看法
- matlab数字图像处理课程设计报告,数字图像处理初步-实验1
- MySQL数据库图文安装详解及相关问题
- 支付宝小程序控制硬件②】 全网首篇,个人支付宝小程序控制智能硬件esp8266,从设计电路到设计协议控制两盏LED灯调节亮度。
- java 视频字幕_javaCV文字识别之2:视频文字识别和视频提取字幕文字字符
- c语言表达式语法问题,c语言表达式语法规则是什么_后端开发