ionic调试跨域(Access-Control-Allow-Origin)问题

最新推荐文章于 2022-08-24 12:10:02 发布
最新推荐文章于 2022-08-24 12:10:02 发布
阅读量5.3k 收藏 1
点赞数
分类专栏： Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xpzhang123/article/details/50592995
版权
使用ionic serve用浏览器调试的时候会遇到跨域请求的问题导致无法调用远程数据。
错误信息：
已阻止跨源请求：同源策略禁止读取位于 http://192.168.1.107:8090/gtslweb/login/json 的远程资源。（原因：CORS 头缺少 ‘Access-Control-Allow-Origin’）。
处理方法(以chrome浏览器为例子)
1、使用Allow-Control-Allow-Origin: *插件：
设置-更多工具-扩展程序 找到Allow-Control-Allow-Origin: *插件


 



 



2、使用命令参数启动浏览器


 


在启动chrome浏览器后加上 –args –disable-web-security参数
西街恶人
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Allow-Control-Allow-Origin谷歌跨域插件
01-14
Allow-Control-Allow-Origin谷歌跨域插件
谷歌跨域插件 Allow-Control-Allow-Origin
11-16
资源包含两个文件类型的扩展程序 allow-control-allow-origin.crx 和 allow-control-allow-origin.zip 安装说明： 1. 请把 allow-control-allow-origin.crx 文件直接拖拉到扩展程序界面进行安装即可； 2. 如果浏览器显示程序包无效，可能浏览器版本导致的。请参考第三步； 3. 请把 allow-control-allow-origin.zip 文件直接拖拉到扩展程序界面进行安装即可。
Cors跨域(三)：Access-Control-Allow-Origin多域名？
架构师：通透，才能写出好代码！
06-21 1万+
响应头设置不合理，公司安全部门会请你喝茶
使用谷歌插件Allow-Control-Allow-Origin解决跨域问题
qcg14774125的博客
08-30 6万+
由于项目需要，自己利用node.js写一些接口数据，但是项目启动时，一直都是报跨域的错，于是百度各种办法找不到原因所在，最后有幸看见一片博文，下面给大家分享一下实际有用的解决跨域的办法（当然这只是自己本地跑服务、测试用的办法） 第一步： 下载谷歌插件伴侣https://www.appinn.com/chrome-ex-assistant/ 第二步： 如果没有就去【找插件】里面去搜...
php allow origin,Allow-Control-Allow-Origin:谷歌跨域扩展插件
weixin_26642481的博客
04-05 1862
Allow-Control-Allow-Origin插件开发背景当两个域具有相同的协议(如http), 相同的端口(如80)，相同的host(如www.google.com)，那么我们就可以认为它们是相同的域(协议，域名，端口都必须相同)。跨域就指着协议，域名，端口不一致，出于安全考虑，跨域的资源之间是无法交互的(例如一般情况跨域的JavaScript无法交互，当然有很多解决跨域的方案)。传统的跨...
allow-control-allow-origin chrome插件
07-17
解决跨域问题 ...去安装chrome Allow-Control-Allow-Origin插件 不能上谷歌商店就去我的csdn下载,下载后浏览器打开扩展程序界面,把下载的.crx文件拖进去就了 2,安装后并开启,现在发出请求就不会出现跨域异常啦.
Allow-Control-Allow-Origin插件
11-08
JavaScript跨域访问，ionic2使用正常。欢迎大家下载，本来想免费的，但必须选择资源分，我也没办法。
Ionic3-D3-Chart:Ionic3 D3.js
05-15
离子3-d3-图 这是一个离子3 + d3图表应用程序。 Android APK链接
allow-control-allow-origin
03-30
浏览器的同源策略阻止读取来自不同来源的资源。这种机制阻止恶意站点读取另一个站点的数据，但它也阻止合法使用。 1. 请把 allow-control-allow-origin.crx 文件直接拖拉到扩展程序界面进行安装即可； 2. 如果浏览器显示程序包无效，可能浏览器版本导致的。请参考第三步； 3. 请把 allow-control-allow-origin.zip 文件直接拖拉到扩展程序界面进行安装即可。
如何开发Ionic插件--android
02-26
本文档介绍ionic的插件模块1.1.目录结构层次1.2.插件工作原理分析1.3.数据的交互2.制作插件2.1.plugman2.2.编写插件2.3.注意事项FurtherReading1.CordovaPlugin基础IONIC下的插件都是遵循CORDOVA插件(...
ionic3-ecommerce-app：Ionic 3电子商务应用程序
02-05
离子电子商务应用程序 Ionic 3电子商务应用程序
正确配置Access-Control-Allow-Origin，千万不要设置成*
热门推荐
baijiafan的博客
08-24 7万+
正确配置Access-Control-Allow-Origin，千万不要设置成*，这样的配置太不安全。
Android中触控单击、双击、长按、滑动效果
xpzhang123的专栏
09-23 3514
Android Touch Screen 与传统Click Touch Screen不同，会有一些手势(Gesture)，例如Fling，Scroll等等。这些Gesture会使用户体验大大提升。 Android中的Gesture识别(detector)是通过GestureDetector.OnGestureListener接口实现的。 首先，Android事件处理机制是基于Liste
Jenkins+Gradle实现自动化Android打包、输出APK到指定路径
xpzhang123的专栏
11-04 3281
Jenkins+Gradle实现自动化Android打包、输出APK到指定路径，有需要的朋友可以参考下。 关于 Jenkins+Gradle实现android开发持续集成、打包 的教程可参考：http://blog.csdn.net/xiongmc/article/details/26515577 Jenkins的四点强调 环境配置：JAVA_HOME、GRADLE_HOME必须
使用ComponentName启动Activity
xpzhang123的专栏
11-10 2018
package com.huawei; import android.app.Activity; import android.content.ComponentName; import android.content.Intent; import android.os.Bundle; import android.view.View; import android.view.View
Android中关于在onDrow或者onMeasure中创建对象性能问题
xpzhang123的专栏
09-17 1644
在实际开发中Android中自带的控件有时无法满足我们的需求，这时就需要我们重写控件来实现我们想要的功能。 还有个关于UI体验的问题，就是在onDraw()函数中最好不要去创建对象，否则就提示下面的警告信息：因为onDraw()调用频繁，不断进行创建和垃圾回收会影响UI显示的性能 例如： protected void onDraw(Canvas canvas) { 　　super.o
@ionic-native/in-app-browser怎么使用
最新发布
06-04
@ionic-native/in-app-browser是一个Ionic Native插件，它提供了一个原生InAppBrowser对象用于在应用程序中打开外部网页或文档。 要使用@ionic-native/in-app-browser，您需要执行以下步骤： 1. 在您的Ionic项目中安装插件： ``` npm install @ionic-native/in-app-browser ``` 2. 在需要使用该插件的组件中导入插件： ``` import { InAppBrowser } from '@ionic-native/in-app-browser/ngx'; ``` 3. 在构造函数中注入插件： ``` constructor(private iab: InAppBrowser) { } ``` 4. 在需要打开外部网页或文档的位置使用以下代码： ``` const browser = this.iab.create('https://ionicframework.com/'); ``` 其中，'https://ionicframework.com/'是您需要打开的网址。 这样，就可以使用@ionic-native/in-app-browser打开外部网页或文档了。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值