Mac上解决Chrome浏览器跨域问题

最新推荐文章于 2024-07-11 11:30:18 发布
最新推荐文章于 2024-07-11 11:30:18 发布
阅读量533 收藏 1
点赞数 1
文章标签： js chrome ajax json mac
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43388254/article/details/106949670
版权

今天在用jQuery读取本地的json文件的时候发现出现跨域问题，百度了一下，发现可能是Chrome的安全策略导致的，需要在后台设置一下。

跨域问题报错
在这里插入图片描述
怎么解决
第一步：我们需要先建立一个文件夹
在这里插入图片描述
第二步：打开终端，输入open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=文件夹地址
在这里插入图片描述
大家需要更改自己的那个文件夹所在的地址，输入代码之后会弹出一个窗口，
在这里插入图片描述
点击启动之后会发现与我们之前打开的Chrome不太一样

在这里插入图片描述
接下来可以将之前需要调试的程序页面复制粘贴到新打开的浏览器中，可以看到AJAX跨域的问题已经解决了，数据能够获取到了
在这里插入图片描述

柔软的一元梦想家
关注
Mac 谷歌Chrome设置浏览器跨域
Zhang_DonL的博客
06-26 1578
Tips：xxx为自己本机的用户名，输入执行这段代码后会打开一个新的谷歌浏览器，将刚刚跨域的页面地址拷贝到该浏览器访问即可，同时会在 /Users/xxx/Documents/ChromeDevData 路径下新建一个 ChromeDevData文件夹，调试完毕可以直接删除此文件夹。我们前端在开发时，不可避免的会遇到跨域问题，可以通过修改代码设置跨域，也可以通过在Chrome设置跨域的方式来解决。警告⚠️：如果不是通过该命令打开的Google浏览器，是不能解决跨域的；打开mac上的终端，输入。
Mac设置chrome浏览器跨域
qq_51196135的博客
06-01 2358
Mac设置谷歌浏览器跨域
mac配置chrome跨域浏览器
最新发布
m0_37437840的博客
07-11 802
点击启动Google Chrome，会发现与之前的Chrome相比，此时的Chrome多了上方的一段提示，告诉你现在使用的模式并不安全。
mac 允许浏览器跨域方法
qq_38732157的博客
03-11 2737
路径中的yourname需要替换成自己电脑的用户名，然后回车即可，电脑会自动打开一个谷歌浏览器窗口。方法一：访达=>应用程序=>实用工具=>终端。方法三：点击电脑屏幕右上角的放大镜图标，搜索。方法二：启动台=>其他=>终端。
前端 Mac上解决Chrome浏览器跨域问题
zm_miner的博客
09-07 4023
前端发送请求的时候ajax请求跨域 axios({ method: 'POST', url: requestUrl + '/central/instance/region', data: { } }) .then(response => { if (response.data.success) { } }) .catch(err => { message.erro
Mac上设置Chrome浏览器跨域
tscn1的博客
12-12 3278
跨域 前后端分离之后，联调的时候就会出现问题，那就是Ajax跨域问题。 跨域问题的解决方案有很多种 比如常规的 后端使用CROS，设置允许访问接口的地址 或者 使用 JSONP等等。 还可以借助Chrome浏览器，新开一个用户，解决跨域问题。 步骤 打开终端 输入命令 open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=/Users/yourname/MyChromeDe
linux设置谷歌浏览器跨域,新版chrome浏览器设置允许跨域的实现
weixin_30218749的博客
05-14 1814
前言目前前端解决跨域，主要是通过webpack的devServer来配置。但是有时候开发环境中没有配置devServer，后端又没有设置跨域。前后端分离项目，本地调试代码的时候，经常会遇到跨域问题。本文主要是对之前文章浏览器跨域访问解决方案，做一个补充吧，因为这篇文章最后对chrome设置方式，目前设置不起作用了，更新文章，修正一下。解决--disable-web-security 不起作用的方案...
mac浏览器关闭同源策略的方法 浏览器关闭跨域 解决跨域问题
qq_43158726的博客
04-22 758
1.新建一个文件夹 命名Chrome 2.进入浏览器，在终端打开 3.在终端执行命令，创建一个文件 touch chrome-debug.command 4.打开文件并添加下面内容 打开文件 vim chrome-debug.command 添加内容保存 open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=/Users/用户名/Downloads/Chrome 5.双
前端开发：Mac环境的Chrome浏览器设置跨域请求的SameSite解决方法
软贱开发攻城狮
02-06 1681
前段时间在开发项目的时候，遇到一个比较稀奇古怪的跨域问题，不管怎么写就是解决不了，后来通过Chrome浏览器的设置，解决了跨域问题，这样就不需要在项目里通过设置代理来解决跨域问题，直接通过设置修改Chrome浏览器的设置就可以解决项目跨域问题。具体的跨域问题如下所示： Access to XMLHttpRequest at 'https://weixin.xxx.com/ems/login' (redirected from 'http://localhost:8081/xxx/queryBalance'
mac Chrome 跨域解决
chenghao13834505361的博客
04-19 113
mac Chrome 跨域
Mac版chrome谷歌浏览器解决跨域，进行开发调试
Lon_wang的博客
08-25 2188
跨域问题。同源政策由 Netscape 公司引入浏览器。目前，所有浏览器都实行这个政策。最初，它的含义是指，A 网页设置的 Cookie，B 网页不能打开，除非这两个网页“同源”。协议相同域名相同端口相同同源政策的目的，是为了保证用户信息的安全，防止恶意的网站窃取数据。正式服务器因为部署原因，都是同源，也就不会出现跨域，实际开启跨域也需要后端来控制。开发过程中服务端域名和客户端域名不一致会出现跨域。现在浏览器主要使用CORS标准来实现跨域。
Chrome在Mac上的跨域设置
xdhc的博客
12-06 1000
chrome49以前版本在终端输入：open -a "Google Chrome" --args --disable-web-securitychrome49以后版本在终端输入：open -a /Applications/Google\ Chrome.app --args --disable-web-security --user-data-dir
解决 在Mac OS下开发html5+JS Chrome 浏览器 跨域 和 安全访问问题
热门推荐
justinjing的专栏
07-27 3万+
从去年到今年一直从事 Hybrid开发模式，一会要写写 iOS native 代码，一会要写写 Html5＋js 代码。             搞的我意识已经模糊了，在mac os下开发html5 ＋js代码会遇到好多问题，各个浏览器兼容性 做的最好的就是chrome，chrome也是最好的调试工具。           而且我们在一个团队的开发中经常遇到 AJAX  请求跨域的问题，跨域是
Mac上Chrome浏览器跨域解决方案
asdfgh0077的博客
11-22 273
Mac上Chrome浏览器跨域解决方案
chrome浏览器跨域问题
08-09
对于 Chrome 浏览器的跨域问题，可以尝试以下几种解决方法： 1. 使用代理：在开发环境中，可以配置一个反向代理服务器，将请求转发到目标服务器并解决跨域问题。常见的代理服务器有 Nginx、Apache 等。 2. JSONP：JSONP 是一种利用 `<script>` 标签进行跨域请求的方法。通过在请求 URL 中添加一个回调函数的参数，服务器返回的响应会被包裹在该回调函数中，从而实现跨域请求。 3. CORS（跨源资源共享）：CORS 是一种现代浏览器支持的跨域解决方案。服务器可以通过设置响应头中的 `Access-Control-Allow-Origin` 字段来指定允许跨域访问的源。例如，可以设置为 `Access-Control-Allow-Origin: *` 表示允许任意源进行跨域访问。 4. 代理插件：Chrome 浏览器中有一些插件可以帮助解决跨域问题，例如 SwitchyOmega、ModHeader 等。这些插件可以配置请求头、代理等信息，从而实现跨域请求。 需要注意的是，以上方法适用场景各有差异，选择合适的方法需要根据具体情况进行判断。此外，在生产环境中，应注意安全性和合规性，谨慎使用跨域解决方案。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值