hgq's docs
主页
ES6-阮一峰 (opens new window)
Vue文档 (opens new window)
Axios文档 (opens new window)
Vue Router (opens new window)
Vuex文档 (opens new window)
面试题-Vue (opens new window)
面试题-JS (opens new window)

guoguoqiqi

漫不经心的向往
主页
ES6-阮一峰 (opens new window)
Vue文档 (opens new window)
Axios文档 (opens new window)
Vue Router (opens new window)
Vuex文档 (opens new window)
面试题-Vue (opens new window)
面试题-JS (opens new window)
  • HTTP状态码及其含义
  • 说一说浏览器缓存机制
  • 跨域的解决办法
    • 从输入url地址栏,发生了什么
    • 说说 HTTP1、HTTP2的区别
    • Http 和 Https区别
    • get、post区别
    • 说一说对跨域的认识
    • 说一说web中的XSS、CSRF攻击以及如何防范
    • DNS协议是什么、说说DNS完整的查询过程
    • 说一说TCP和UDP的区别
    • 说一说SPDY
    • 了解websocket协议吗
    • tcp三次握手和四次挥手
    • http1、http2、http3总结
    • 网络
    guoguoqiqi
    2022-02-12

    跨域的解决办法

    # 跨域的解决办法

    # 什么是跨域?

    跨域一词从字面意思看,就是跨域名。

    具体概念如下:浏览器有同源策略,只要协议.域名.端口有任何一个不同,都被当作是不同的域。

    # 解决跨域的办法

    1. 通过jsonp跨域
    2. document.domain + iframe跨域
    3. location.hash + iframe
    4. window.name + iframe跨域
    5. postMessage跨域
    6. 跨域资源共享(CORS)
    7. nginx代理跨域
    8. nodejs中间件代理跨域
    9. WebSocket协议跨域

    # 详解

    通过jsonp跨域

    我们可以通过动态创建script,再请求一个带参网址实现跨域通信。

    跨域资源共享(CORS)

    普通跨域请求:只服务端设置Access-Control-Allow-Origin即可,前端无须设置,

    若要带cookie请求:前后端都需要设置。

    # 参考文章链接

    这几个视角聊跨域那些事 (opens new window)
    九种跨域方式实现原理(完整版) (opens new window)
    7大跨域解决方法 (opens new window)

    ← 说一说浏览器缓存机制 从输入url地址栏,发生了什么→

    最近更新
    01
    vuex数据持久化怎么做
    05-22
    02
    vue的动态路由怎么配置使用
    05-22
    03
    vue权限控制一般怎么做
    05-22
    更多文章>
    Theme by Vdoing | Copyright © 2022-2022 Guoquoqiqi | MIT License
    • 跟随系统
    • 浅色模式
    • 深色模式
    • 阅读模式