两种方案解决vscode浏览器跨域问题

news2025/1/12 8:49:07

一、 问题

1.1

在接收 json 数据的时候出现了以下错误;

在这里插入图片描述

打开测试用的 json 文件发现数据并没有问题,而第一个报错可以看到 Cross origin requests are only supported for protocol schemes:… ,也就是说所使用的数据不在跨域的许可范围中;

在这里插入图片描述

二、解决方案

2.1 方法一:禁用浏览器安全设定(这里演示的是谷歌浏览器)

在 c 盘根目录新建一个文件夹,起一个非中文名字,如:MyChromeCrossDomain ;

在这里插入图片描述

右键谷歌属性,在目标输入框尾部加上 --disable-web-security,再追加用户目录数据存放位置 --user-data-dir=前面所建文件夹的路径
例如: --disable-web-security --user-data-dir=C:\MyChromeCrossDomain

在这里插入图片描述

点击应用,再点击确认,期间可能会提示需要管理员权限;
打开浏览器网址输入框下方呈现与下图一样时表示配置成功;

在这里插入图片描述

这时候我们再把网页在谷歌打开即可显示数据;

在这里插入图片描述

2.2 使用插件解决

禁用浏览器安全设定是有缺陷的,一方面只有禁用了浏览器安全设定的那一个浏览器能够跨域,连一方面直接使用 vscode 打开页面不会绕过跨域限制;
vscode 有一个插件叫 live sever,这个插件的功能是建立一个本地的服务器供开发人员使用;

在这里插入图片描述

安装好这个插件之后我们到需要打开的页面代码中右键会有一个以服务器的方式打开的选项,使用这个选项打开跨域问题就不会出现了;

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/76229.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

毕业后5年,我终于变成了月薪13000的软件测试工程师

目录 我为什么选择转行 工作环境 我选择了转行软件测试 写在最后 《软件测试工程师发展规划路线》 一、测试基础 了解测试的基础技能,掌握主流缺陷管理工具的使用,熟练测试环境的操作与运维 二、Linux必备知识 Linux作为现在最流行的软件环境系…

场景案例│数字员工助力医疗行业打通信息系统壁垒,实现高效率运营

据埃森哲研究预测,到2026年人工智能技术每年将为医疗保健行业节省1500亿美元。 随着人们对数字化的需求日益增长,数字技术成为转型升级的新兴力量,许多医疗机构积极采用数字员工推进数字化转型的步伐。 在数字员工的支持下,医疗…

Redis Replication

高可用架构-Redis Replication 今天学习下如何基于Redis 复制功能构建高可用架构-主从复制,Redis Replication 支持数据复制和故障切换。Redis复制是允许Redis实例完全复制主实例的过程。默认情况下,复制是一个异步过程。Redis复制在主机端和副本端都是…

2023最新SSM计算机毕业设计选题大全(附源码+LW)之java毕业设计选题档案管理系统bvr3c

毕业设计其实不难,主要毕业的时候任务太紧了,所以大家都非常忙没有时间去做,毕业设计还是早做准备比较好,多花点时间也可以做出来的,建议还是自己动手去做,比如先选一个题,这样就有方向&#xf…

Flutter实现文件上传华为对象存储(OBS)

本文主要讲述在 Flutter 项目中如何实现将文件上传到华为 OBS(对象存储)中,并封装为三方库方便灵活使用。 背景介绍 在大多项目中都会存在文件上传的需求,之前的实现都是调用后台的文件上传接口将文件上传到服务器上,…

从投资人发现“新大陆”,看“产融星城”为何成?

文丨熔财经 作者|陈小江 “我从来不把《我要投资》节目看作是秀(综艺),要知道《我要投资》是在前面的,秀(综艺)只是一种形式而已。本质上,(参加节目)还是为了投资”。 …

「Redis数据结构」跳跃表(SkipList)

「Redis数据结构」跳跃表(SkipList) 文章目录「Redis数据结构」跳跃表(SkipList)一、概述二、结构跳跃表节点跳跃表三、特点一、概述 跳表(SkipList,全称跳跃表)是用于有序元素序列快速搜索查找…

shell编程二

目录语法引号exprtestif...then...fiif...elseif...elseif嵌套case…esacforwhilebreak 和 continue函数语法 引号 " ":如果有字符串,字符串原样输出,如果有$变量则查看变量的值 :所有的字符无论是否有变量都原样输出 ˋˋ:在该引号包含的…

如何批量查询网站的搜狗收录情况?搜狗收录么查询

如何批量查询网站的搜狗收录情况?搜狗收录么查询 查询网站的搜狗收录的具体操作: 第一步、打开网站综合查询工具 第二步、添加需要查询的网站域名 第三步、勾选要查询的功能(勾选搜狗是否收录和搜狗总收录) 第…

redis 主从复制(读写分离)集群搭建(含错误处理)

目录 1.概述 2.搭建 2.1.安装配置 2.2.认主 2.3.错误处理 3.原理 1.概述 当面临大流量时,redis可以采取集群的方式进行扩容,将压力分散到集群中的多个结点上去防止redis被打挂。redis的扩容方式有两种: 垂直扩容,即读写分离…

【移动端测试】了解Android的配置和使用过程

Android 是基于JAVA语言来进行开发编写的,但是对于Android体系中最底层是Linux层,现在说一下android 项目的结构目录: 整体结构和一个普通的java项目很类似 每一个项目都有一个主Activity 相当于java类中的main 方法是程序的入口 比如 该项目中的ListVi…

centos7搭建nginx主从以及集群

一、nginx升级之路 之前因为业务量并不是很大,所以公司nginx采用的是单机。因为nginx单机性能也很好,所以也没有发生过什么问题。不过后来还是慢慢进行了几次调整。最终换成了多IP地址解析和nginx主从。下面就介绍一下怎么一步步升级的。 1.最初版本&a…

天翼物联携手6家单位发起移动物联网高质量发展共同倡议

近日,由工信部指导,中国信息通信研究院(以下简称“中国信通院”)、中国通信学会、无锡市人民政府、人民邮电报社、江苏省工业和信息化厅、江苏省通信管理局共同主办,无锡物联网创新促进中心、天翼物联科技有限公司等单…

uniapp中tabBar菜单栏的实现以及页面常用的生命周期(菜单栏颜色切换)

前言 本篇文章带大家使用uniapp通过小案例实现tab菜单栏的切换,并对页面中常用的生命周期进行介绍。 实现菜单栏的切换 配置page页面 我们这里要实现三个页面的切换,所以要先在page.json文件中配置三个页面的路径 "pages": [ //pages数组…

HTML -- 一文学会HTML及常用标签

文章目录1. HTML简介1.1 网页1.1.1 什么是网页1.1.2 什么是HTML1.1.3 网页的形成1.2 常用浏览器1.2.1 常见的浏览器1.2.2 浏览器内核1.3 Web标准1.3.1 为什么需要Web标准1.3.2 Web标准的构成2. HTML基础2.1 HTML语法规范2.1.1 基本语法规范2.1.2 标签关系2.2 HTML基本结构标签2…

我做软件测试工作的两大乐趣

大家好,我是小谭。 曾几何时,我们都有一个梦想,梦想着做自己喜欢的工作。但现实往往事与愿违,我们被家庭、身份、社会捆绑,做着自己不喜欢的工作,即便做着自己喜欢的工作,也容易在日常的琐碎中…

SAAS系统和ERP区别?

saas系统和erp区别? saas是云计算应用的一种形式,而传统erp系统并不具备此特征;saas系统的数据存储也是在云端上,只要使用的软件即可用于业务管理的属于ERP的类别。 saas行业和传统软件区别很大吗? 很大,一个是新兴产…

C#捐款信息管理系统

捐款信息管理系统 技术 C#sqlserver 主要功能 登录、注册功能,两种角色登录判断,一种为管理员,一种为用户管理员发起项目,即发布项目,同时拥有对项目的增加、删除、修改、查询用户对管理员发起的项目可以进行申请操…

魏副业而战:做闲鱼副业项目的3个阶段

我是魏哥,与其在家躺平,不如魏副业而战! 小伙在社群提问:有没整套的模板案例? 他找了一上午的同行,没有找到“完整”的案例,他很苦恼,所以想请老师指导一下。 其实呢,…

wait_queue如何使用

Linux内核的 等待队列(Wait Queue)是重要的数据结构,与进程调度机制紧密相关联,可以用来同步对系统资源的访问、异步事件通知、跨进程通信等。如下图所示, 在Linux中,等待队列以循环链表为基础结构&#xf…