跨域的解决方法有哪些?JSONP的原理?CORS怎么使用?Nginx如何设置?

作者: 技术蛋老师分类: 野生技能协会 发布时间: 2021-11-28 17:15:50 浏览:58927 次

跨域的解决方法有哪些?JSONP的原理?CORS怎么使用?Nginx如何设置?

芒奇奇:
谢谢老师,希望能多更新些实际开发场景会遇到的相关知识,比如联调,vue开发中会遇到的部署配置,开发环境生产环境的区别,上线啥的,相信很多自学的同都欠缺相关的知识

【回复】三连送上。表示赞同[脱单doge][脱单doge][脱单doge]
山田蓝丶:
我想问一下,nginx也是一个服务器,为什么客户端跟nginx发请求时 不会出现跨域呀[思考]

【回复】nginx底层已经帮你处理好浏览器了
【回复】回复 @守绊星 :浏览器应该是访问同源的nginx,然后ngnix去请求真正的后端(这里跨域了,但是不是浏览器在请求,所以没问题),nginx请求成功后把请求的结果返回浏览器
【回复】回复 @小灰晖543 :他问得好像是那通过浏览器访问 Nginx 不同源为什么不会产生跨域问题?
派大河:
老师能不能出一期视频讲一下vue路由的hash和history的区别呀,有看过文章但是理解不是很到位

【回复】同!查了好多资料,感觉还是不清晰
【回复】确实,很少讲得透的,查找相关资料也没有讲得太透的
账号已注销:
终于知道cors和jsonp是啥了,以前还没听说过jsonp[笑哭]

我要菌丝:
[热词系列_你币有了][给心心] 老师 HTML href 和 src 这俩属性 能简单说一下么 为啥会有俩呢,没有统一成一个呢

【回复】一句话:href是引用链接指向,src是加载链接内容
【回复】有讲过哦。【HTML元素属性href和src的区别 - Web前端工程师面试题讲解-哔哩哔哩】https://b23.tv/S1joC3y
【回复】回复 @技术蛋老师 :okay 三连了[支持]
青柠黄瓜味薯片:
弹幕的: 懂了,你想要你先在客户端先写好一个执行函数,由于script标签的特殊性,服务器传回来 的数据如果符合js语法的话浏览器就会执行。所以这个时候客户端把执行函数的名字以url的参数的形式发到服务器端,服务器端就会将函数名与服务器数据进行拼接。服务器端的数据在这里当成参数拼接起来了,像这里就是拼接出了bb(‘咸鱼翻身,还是咸鱼’)后传回客户端浏览器执行。

bobowiki_yk:
为什么有了同源政策网站就拿不到你的银行账号密码呢了,没听懂

【回复】刚查了下这和cookie的作用域有关,就是防止不同网站相互读取cookies和操作dom吗
【回复】你想想你做网页可以拿到别的网站的数据吗[doge]
你好谢谢我系香蕉再见:
关于cors,有些简单请求是不会先预检的,摘自mdn,使用时要注意 使用下列方法之一: GET HEAD POST 除了被用户代理自动设置的首部字段(例如 Connection ,User-Agent)和在 Fetch 规范中定义为 禁用首部名称 的其他首部,允许人为设置的字段为 Fetch 规范定义的 对 CORS 安全的首部字段集合。该集合为: Accept Accept-Language Content-Language Content-Type (需要注意额外的限制) Content-Type 的值仅限于下列三者之一: text/plain multipart/form-data application/x-www-form-urlencoded 请求中的任意XMLHttpRequestUpload 对象均没有注册任何事件监听器;XMLHttpRequestUpload 对象可以使用 XMLHttpRequest.upload 属性访问。 请求中没有使用 ReadableStream 对象。

十了个三的十三:
太谢谢老师了。帮转行学计算机的恶补了基础知识。感谢感谢[滑稽]

啊粥粥啊啊:
蛋蛋老师 反向代理的需要!怎么还没等到![星星眼]

宇逸SG:
作为自学的,确实很多知识点又零碎,平时开发有听过,有的还要用到。却一头雾水。这下可好了。很棒!

Djblang365:
这视频的质量杠杠滴,ND,大二的老师bi bi 了四节课都没讲明白的问题,蛋老师12分钟就解决了 ~~谢谢 [2022]

Judy_1024:
视频很精炼,不会浪费时间,期待老师更多视频

Bayan巴颜:
字节前端实习的面试 第一个问题就是这个 直接把我干懵了 [无语]

0x8086:
蛋疼!打机关枪一样,感觉是自己复习一遍[doge],不是为了教学!

知识分享官 服务器 服务器代理 URL 前端 后端 JSON origin 反向代理 打卡挑战

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!