当前位置: 首页 > news >正文

跨域浏览器解决前端跨域问题

1.问题背景

这是一种属于非主流的解决跨域的方案,但是也是可以正常使用而且比较简单的。如果需要使用主流的解决前端跨域方案,请参考这篇文章。

我这边其实是优先建议大家使用主流的跨域方案,如果主流的实在不行,那么就使用跨域浏览器也可以处理。今天我这边遇到的问题就是,因为有一个几年前的项目要去增加需求,但是在开发环境,有几个接口一直报跨域问题,跟后台反馈了,但是后台也处理不好。于是我想去做一个本地的代理,发现这个是用webpack自己搭的项目,然后改了配置也不生效(不清楚是哪里的问题)。所以试了两种方案都不行,那么果断放弃不浪费时间,直接制作一个跨域浏览器先联调接口再说,反正线上是不会有这个跨域问题的。

跨域浏览器:其实就是直接关闭浏览器的跨域检测

2.如何制作一个跨域浏览器

a.桌面谷歌浏览器的入口复制一份粘贴到桌面

image.png

b.右键这个谷歌浏览器副本,然后点击属性

image.png

c.先在d盘建一个文件夹,然后在属性修改目标中的参数

建好文件夹MyChromeDevUserData
image.png
添加代码
image.png
添加的代码如下:

--disable-web-security --user-data-dir=D:\MyChromeDevUserData

注意:
1.注意添加的代码要在"号后面
2."号后面跟这句代码之间要有空格
3.D:\MyChromeDevUserData这个可以替换成自己的文件位置(也可以不替换,按我的步骤走就行)。就是你在哪个盘建的哪个文件夹,你就写该文件夹的路径就行。该文件夹主要是用来存放浏览器数据的。

d.最后点击应用和确定就行了,打开这个浏览器副本,如果是这种页面就说明成功了。

然后就是你跑项目打开的浏览器要用这个浏览器副本(跨域浏览器)打开,如果你是用之前的正常浏览器来打开的话,还是会有跨域。

总结

优点:不需要你有任何的开发经验都可解决,如果你是纯新手,用这种方式反而更快。
缺点:
1.不通用性。只能解决自己的跨域问题,并不能解决其他前端同事的,如果同事也要处理,则也需要制作一个跨域浏览器。但是一般来说一个项目的前端也就1-2个人,所以这种方式适用于人不多的项目。
2.不便于维护。后面的人不知道你是用这种方案解决跨域的话,就挺难受的
3.只能用自己制作的跨域浏览器打开才不会跨域,用其他正常的浏览器打开还是会跨域的。

参考:

1.解决浏览器跨域访问:https://blog.csdn.net/w_shimmer/article/details/124341672

相关文章:

  • 构建现代化农业产业服务平台的系统架构
  • Ruby、Python、Java 开发者必备:Codigger之软件项目体检
  • [数据集][目标检测]野猪检测数据集VOC+YOLO格式1000张1类别
  • Spring Security认证授权介绍
  • vue3 使用Mock
  • 【深度学习】yolov8-seg分割训练,拼接图的分割复原
  • 使用 Windows 应用程序 SDK 构建下一代应用程序
  • Godot入门 02玩家1.0版
  • 数据结构【没头单链表】
  • bug诞生记——动态库加载错乱导致程序执行异常
  • 典型二进制翻译系统---用户级翻译
  • NAND Flash 的 SDR、ONFI、DDR 接口
  • deepseek-vl 论文阅读笔记
  • ubuntu在命令行输出里查找内容,dmesg
  • OSPF概述
  • ES6指北【2】—— 箭头函数
  • happypack两次报错的问题
  • java小心机(3)| 浅析finalize()
  • Joomla 2.x, 3.x useful code cheatsheet
  • log4j2输出到kafka
  • nginx 负载服务器优化
  • vue 个人积累(使用工具,组件)
  • vue-router的history模式发布配置
  • 如何邀请好友注册您的网站(模拟百度网盘)
  • 推荐一个React的管理后台框架
  • 你学不懂C语言,是因为不懂编写C程序的7个步骤 ...
  • 数据可视化之下发图实践
  • #define
  • #php的pecl工具#
  • (3)nginx 配置(nginx.conf)
  • (附源码)spring boot基于Java的电影院售票与管理系统毕业设计 011449
  • (附源码)ssm智慧社区管理系统 毕业设计 101635
  • (淘宝无限适配)手机端rem布局详解(转载非原创)
  • (完整代码)R语言中利用SVM-RFE机器学习算法筛选关键因子
  • (已解决)什么是vue导航守卫
  • .equals()到底是什么意思?
  • .NET MVC之AOP
  • .NET 的静态构造函数是否线程安全?答案是肯定的!
  • .NET 设计模式—适配器模式(Adapter Pattern)
  • .net反编译工具
  • .考试倒计时43天!来提分啦!
  • /var/lib/dpkg/lock 锁定问题
  • @data注解_一枚 架构师 也不会用的Lombok注解,相见恨晚
  • [ 转载 ] SharePoint 资料
  • [2018/11/18] Java数据结构(2) 简单排序 冒泡排序 选择排序 插入排序
  • [Angular] 笔记 18:Angular Router
  • [bzoj2957]楼房重建
  • [C#数据加密]——MD5、SHA、AES、RSA
  • [C#小技巧]如何捕捉上升沿和下降沿
  • [C++]类和对象(中)
  • [HTML]Web前端开发技术30(HTML5、CSS3、JavaScript )JavaScript基础——喵喵画网页
  • [Java]SpringBoot快速入门
  • [MFC] VS2013版本MFC工程移植到VC6.0上
  • [MySQL]视图索引以及连接查询案列
  • [NodeJS]NodeJS基于WebSocket的多用户点对点即时通讯聊天