解决本地浏览器运行项目是的跨域问题,cesium 运行demo跨域问题

解决本地浏览器运行项目是的跨域问题(Access to XMLHttpRequest at 'XXX' from origin 'http://localhost:XX' has been block

 

  1. 原因 ,很明显是因为浏览器本身的同源策略的影响(别问,问就是百度)

  2. 解决方法有两种:

    1、坚决解决方法

    (1)、首先,复制浏览器图标(世界首帅出境!啊啊啊啊!)
    在这里插入图片描述
    (2)、将复制品改名后,右键点击【属性】,在已有字段后边加上这句话–user-data-dir=“c:\ChromeDebug” --test-type --disable-web-security
    划重点!!! --user-data前边有个空格!!
    (3)、点击【应用】后即可解决。
    在这里插入图片描述

    2、暂时解决方法(打开一个不限制跨域问题的浏览器,关掉就没的那种哦)

    (1)、找到你浏览器安装的位置
    (2)、打开命令行(win+R,输入cmd)
    (3)、cd 进去你的安装目录(以谷歌为例)
    在这里插入图片描述
    (4)输入一下语句:chrome.exe --disable-web-security --user-data-dir=C:\MyChromeUserFata
    回车即可自动打开一个浏览器
    在这里插入图片描述
    (5)、打开的浏览器有这个东西则说明打开成功!粗卡诶!
    在这里插入图片描述

  3. 采用第二种方式 运行cesium 里的demo 案例还要在js上加上 Cesium.Ion.defaultAccessToken = '你申请的key';(这条可以不加,关键是下面的第四条,去掉nomodule 属性)

  4. <script

          type="text/javascript"

          src="../../../Build/CesiumUnminified/Cesium.js"

          nomodule

        ></script>

  • 现代版的包会通过 <script type="module"> 在被支持的浏览器中加载 (他的语法是 es6 以上的,可以直接运行)
  • 旧版的包会通过 <script nomodule> 加载,并会被支持 ES modules 的浏览器忽略。
  • 记住一定要把 nomodule 去掉,cesium才会运行。

自己的小小总结~~

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
Uniapp 是一个跨平台的应用开发框架,可以将一个应用同时打包成 H5、小程序和 APP 等多个平台。在将 Uniapp 应用运行浏览器时,由于浏览器的同源策略,可能会遇到跨域问题。那么如何解决呢?以下是几种可能的解决方案。 1. 在后台设置跨域请求头。如果 Uniapp 应用需要访问后台接口,可以在后台服务器上设置响应头,允许来自特定域名的跨域请求。例如,在 PHP 后台可以添加以下代码: ``` header('Access-Control-Allow-Origin: http://yourdomain.com'); ``` 其中 `yourdomain.com` 是允许跨域请求的域名。 2. 使用代理服务器。在开发环境下,可以使用代理服务器来绕过同源策略。比如,使用 `http-proxy-middleware` 做代理,将需要跨域请求的接口代理到同域下的接口。这样,在本地开启的服务器就可以访问后台接口了。 3. 在 config 文件夹下的 index.js 中设置反向代理。根据需要进行配置,通过修改 proxyTable 将目标服务器的地址和端口指向本地的代理服务器,从而实现跨域。例如: ``` proxyTable: { '/api': { target: 'http://localhost:8080', changeOrigin: true, pathRewrite: { '^/api': '' } } } ``` 其中,`/api` 是需要反向代理的路径,`target` 是目标服务器的 IP 和端口,`changeOrigin` 设置为 `true` 表示修改请求头,将主机名设置为目标服务器的地址,`pathRewrite` 用于重写路径。 4. 使用 JSONP。如果后台接口可以返回 JSONP 格式的响应,可以在前端通过动态插入script 标签的方式实现跨域请求。 以上是几种可能的解决方案,根据实际情况选择合适的方法即可。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值