Skip to content

什么是跨域

跨域是浏览器端的一个同源策略限制,来保障网站的安全,同源指 http 协议 + 域名 + 端口 这三者必须保持一致

如何解决跨域问题

  • Jsonp 利用 script 标签实现 只能发送 get 请求

  • nginx 反向代理

  • cors 一种规范化跨域解决方案

    需要浏览器与服务器同时支持,请求头携带 Origin,返回的响应头中有 Access-Control-Allow-Origin

  • 在乾坤子应用中,加载三方JS时跨域

    由于乾坤会将三方JS加载进行拦截,并改用fetch的方式进行加载,这就会导致某些三方SDK报跨域错误。 解决办法:在主应用中增加

    ts
    import {start} from 'qiankun'
    start({
      urlRerouteOnly: true,
      sandbox: true,
      prefetch: false,
      singular: true,
      // 指定部分特殊的动态加载的微应用资源(css/js) 不被 qiankun 劫持处理
      excludeAssetFilter: (assetUrl) => ignoreUrls.some((url) => assetUrl.includes(url)),
      ...
    });