首页
精美壁纸
站点统计
友情链接
投稿
这样的我
更多
精美壁纸
站点统计
友情链接
投稿
这样的我
Search
1
钉钉破解版-钉钉破解版可以随意更改位置
1,662 阅读
2
《彩虹六号M》正式登陆,快来加入战斗!免费下载注册游完教程
1,366 阅读
3
【已解决】系统在此应用程序中检测到基于堆栈的缓冲区溢出
986 阅读
4
IDEA项目启动很慢的3种解决办法
945 阅读
5
appcrash事件怎么解决?三种方法教你
905 阅读
游戏资讯
等风也等你
生气日记
前端开发
css
JavaScript
html
jQuery
我爱学习
Ajax
Vue
Node
MongoDB
登录
/
注册
Search
标签搜索
说说
MongoDB
node
apache
麦肯锡
字符串
arcgis license server
stata
字母
变量
英文字母
分组
英语
网络适配器
图
网卡
No Feign Client for loadBalancing defined. Did you forget to include
Could
关于我
集成feign
再度Miren
累计发布
560
篇内容
累计收到
96
条评论
首页
栏目
游戏资讯
等风也等你
生气日记
前端开发
css
JavaScript
html
jQuery
我爱学习
Ajax
Vue
Node
MongoDB
页面
精美壁纸
站点统计
友情链接
投稿
这样的我
搜索到
3
篇与
的结果
2022-06-21
跨域的五种解决方案详解
1.跨域解决方案一:cors技术CORS :全称cross origin resource share (资源共享)工作原理: 服务器 在返回响应报文的时候,在响应头中 设置一个允许的headerres.setHeader(‘Access-Control-Allow-Origin’, ‘*’)CORS :全称cross origin resource share (资源共享)服务器 在返回响应报文的时候,在响应头中 设置一个允许的header//服务器设置CORS,允许浏览器跨域 res.setHeader('Access-Control-Allow-Origin', '*') 2-express使用中间件cors官网传送门:https://www.expressjs.com.cn/resources/middleware.htmlxpress有一个自带的中间件cors,它的作用是自动给每一个res设置默认请求头这样就不用我们自己每一个接口都要设置一次了仅需两步即可潇洒搞定!//1.下包 $ npm install cors //2配置中间件 var cors = require('cors') app.use(cors() cors中间件底层原理如下app.use((req, res, next) => {//任何请求都会进入这个use中间件 res.setHeader('Access-Control-Allow-Origin', '*')//设置响应头 next()//执行下一个中间件 }) 2.跨域解决方案二:原生jsonp通过动态创建script标签,通过script标签的src,向一个不同源的接口发送一个get请求src属性发送请求时,在参数中额外携带一个callback的参数,参数值是一个在页面中预先定于好的函数名callback属性值:预先定义的函数名,这个函数必须要在script标签之前定义服务器接收到请求之后,获取callback的参数值服务器将要响应的数据拼接成 函数调用格式,通过传参的方式将响应数据返回给浏览器注意:JSONP只支持get请求,不支持post3.跨域解决方案三: jQuery中的jsonp只需要一行代码dataType:'jsonp' 底层原理与原生一致,设置dataType为jsonp,jq会自动动态帮我们创建一个script标签,将url放到src属性中细节注意点:jq使用jsonp不需要自己设置callback,jq会自动帮我们发送callback参数,参数值就是jq的success回调函数4.跨域解决方案四:谷歌浏览器设置跨域跨域是浏览器的一个安全限制,我们可以通过修改一些设置,让被设置的浏览器没有这个同源的限制,自然可以实现跨域5.区别最后的最后总结一下SONP与CORS的区别1.CORS:服务器返回响应头,前端无需任何处理简单快捷,支持所有请求方式2.JSONP浏览器:自定义响应回调函数,使用script标签的src请求利用浏览器的src属性没有跨域这一限制特点服务器:接收callback参数,返回函数调用处理复杂,并且只支持get请求原因:get请求参数直接在url后面拼接,而post请求参数是放在请求体中未完待续…
2022年06月21日
73 阅读
0 评论
0 点赞
2022-02-06
VUE跨域、常用解决跨域的方法
当我们遇到请求后台接口遇到 Access-Control-Allow-Origin时,那说明跨域了。跨域是因为浏览器的同源策略所导致,同源策略(Same origin policy)是一种约定,它是浏览器最核心也最基本的安全功能,同源是指:域名、协议、端口相同解决跨域常用方法:一、VUE2.0中常用proxy来解决跨域问题1、在vue.config.js中设置如下代码片段module.exports = { dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: { // 配置跨域 '/api':{ target:`http://www.baidu.com`, //请求后台接口 changeOrigin:true, // 允许跨域 pathRewrite:{ '^/api' : '' // 重写请求 } } }, }?2、创捷axioss实例时,将baseUrl设置为 ‘/api’const http = axios.create({ timeout: 1000 * 1000000, withCredentials: true, BASE_URL: '/api' headers: { 'Content-Type': 'application/json; charset=utf-8' } })二、JSONP解决跨域Jsonp(JSON with Padding) 是 json 的一种"使用模式",可以让网页从别的域名(网站)那获取资料,即跨域读取数据。<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <div id="textID"></div> <script type="text/javascript"> function text_jsonp(req){ // 创建script的标签 var script = document.createElement('script'); // 拼接 url var url = req.url + '?callback=' + req.callback.name; // 赋值url script.src = url; // 放入头部 document.getElementsByTagName('head')[0].appendChild(script); } </script> </body> </html>?三、CORS是跨域资源共享(Cross-Origin Resource Sharing),以 ajax 跨域请求资源,支持现代浏览器,IE支持10以上在CORS请求,头部信息中包含以下三个字段:Access-Control-Allow-Origin:?该字段是必须的。它的值要么是请求时Origin字段的值,要么是一个*,表示接受任意域名的请求,Access-Control-Allow-Credentials:?可选,值为布尔值,表示是否允许发送Cookie。默认情况下,Cookie不包括在CORS请求之中。设为true,即表示服务器明确许可,Cookie可以包含在请求中,一起发给服务器。这个值也只能设为true。如果要发送Cookie,Access-Control-Allow-Origin必须设置为必须指定明确的、与请求网页一致的域名Access-Control-Expose-Headers:可选。CORS请求时,XMLHttpRequest对象的getResponseHeader()方法只能拿到6个基本字段:Cache-Control、Content-Language、Content-Type、Expires、Last-Modified、Pragma。如果想拿到其他字段,就必须在Access-Control-Expose-Headers里面指定详细讲解请查看阮大神的文章,传送门附上:CORS详解四、iframe实现跨域iframe(src){ //数组 if(Array.isArray(src)){ this.docs.visible = true; }else{ this.docs.visible = false; } this.link = src if(this.docs.visible == false){ if(this.$refs['ruleIframe'] && this.$refs['ruleIframe'].querySelector('iframe')){ this.$refs['ruleIframe'].querySelector('iframe').remove() //删除自身 } var iframe = document.createElement('iframe'); iframe.width = '100%'; iframe.height = '100%'; iframe.setAttribute('frameborder','0') iframe.src = src; this.append(iframe) } }, //创建元素 防止 获取不到 ruleIframe 递归 append(iframe){ if(this.$refs['ruleIframe']){ this.$refs['ruleIframe'].appendChild(iframe); return } setTimeout(()=>{ this.append(iframe); },500) },感谢各位看官 阅读~希望能帮助到大家
2022年02月06日
301 阅读
0 评论
0 点赞
2019-10-03
解决问题的四个步骤(一)
四步方法论:明确和理解问题拆分和定位提出解决方案总结问题注意:我们应该花80%的精力放在 拆解 定位问题 20% 去解决问题(合理)明确和理解问题在写代码出现bug的时候 我们都会去看日志,调试 靠编程软件来解决.这一步就是 找问题. 如果报一个404 无法说明更详细的错误原因, 我们接下来 就要明确问题明确问题=知识储备*踩过坑数量实现这个功能我们一定是有预期的,也了解它正常应该是什么样子的 这些知识 为我们理解问题 完成了大部分工作.理解能力==知识储备量逻辑分析然后我们就排查 这个程序本身 一步一步运行 到底是那一条 出现了和我们 预期不符的 现象这需要耐心更需要细心这个坎 过去后 在看.例子:明确了 无法显示参数的原因是 传参的值变成了乱码明确解决问题的目标是 找到设置编码的方式明确可利用的资源 (老师讲过 , 自己学过做过比较,我就记得)拆分和定位复杂的问题和元问题复杂问题是掺杂了多个维度和变量的问题; 这导致你无法直接达到目标且 解决方法也未能起效元问题 最本质 最小 不可再分割的问题我们也许可以列一个面向关系的二维表 来罗列 这些属性拆解的目标就是解决步步为营, 有章法 有步骤的来.其实,大部分人面对复杂的问题都是蒙圈的.故事2019/7月/20日作为大四的我来到了实训基地,原来我们是学习安卓的 本以为可以继续学习 当个app开发人员什么的 .可是 学校安排我们学java和网页开发. 我当时是懵逼的, 我学了大三一年的 安卓 你告我不要再学了 ,这不好 那不好 ,然后要我 2月后做一个个人毕业设计. 吐血我完全不会啊,只能从头学起.当时我面对的问题就是 独立做出个人毕业设计 用 没练习过的编程知识来做.这个很复杂,要实现很多功能, 有很多困难.来 谁能把这个问题拆分一下这就是问题一个对这个完全陌生的东西 他没办法拆分 连基本识别都做不到但你说这个方式不可靠么? 绝对不是在学习jsp 中 我们实现项目 用的是 面向接口开发 开发流程是数据库—dao–sevice—servlet–页面这就是一个拆分的体现,真正做到了 步步为营到这我发现,小白无法思考:如何拆分,如何解决这个问题 这太难了比如 设计模式 ,MVC模式 ,接口我们学来用时最靠谱的,但要自己琢磨 还必须是个高手才能做到拆分出来是为了更好的组合组合我们用的 构建问题树+假设驱动就像玩变形金刚,你玩的时候突然卡住了 你就得拆开仔细看这个问题是如何发生的, 假设驱动 就是假设这个东西正确的方式是什么样子的 然后按照这个假设来调试.有时我们也常常因为 真的不知道,莫名其妙 而对看书正常的问题束手无策假设的提出需要知识支持而小白 往往知道怎么拆 ,但不清楚怎么组装.这个能力需要时间 不过可以先练练拆的水平拆也要讲科学,有理论支持麦肯锡知道不,嘿嘿MECE相互独立, — 不重叠完全穷尽 ---- 无遗漏当我们没有头绪的时候,往往 就会病急乱投医 抱着奇迹发生的心态 来上网找解决方法 ,然后 一个一个的试.说真的,我太难了 .这么做 往往是花了大量的时间,又解决不了 太难了.这时您赶紧冷静一下 ,思考一下我们这科学的思路.提出解决方案总结问题学习底层原理十分重要 这些作为分析问题的知识储备,让如同你在黑暗中 提着一盏明灯.学以致用 :从学过 到 熟练使用 专业 者之间 有着巨大的鸿沟需要 将这些基本知识在不同的 环境和 场景 反复使用 你一定感受到 万变不离其宗 这句话的真谛 (积累经验)好了到这里我们可以知道,我们要使用高明的技巧 必须有很多的知识储备 加 经验做支撑 否则你会感觉那就是鸡汤 或者 是空话.即使这些是"鸡汤" 但这就是对的 至少我认为. 我只是少了慢慢变强的耐心,不愿意花碎片时间去看一本书,或者反复的背计算机基础原理. 的确成为少数人 绝不容易,即使 成为少数人 ,你仍然会发现 这个位置的人 多到无法想象. 不过你你身后的人越来越多是没毛病的.学习别人总结的算法算法如同人生.我们也许没有能力做到规划,分解,掌握底层原理 但一定要不断学习.接下来我总结我学习了的人生算法又得到–老俞编写
2019年10月03日
66 阅读
0 评论
0 点赞