最新消息: USBMI致力于为网友们分享Windows、安卓、IOS等主流手机系统相关的资讯以及评测、同时提供相关教程、应用、软件下载等服务。

浏览器踩坑:浏览器访问已发布服务器的网址显示跨域,但微信浏览器可以正常访问,别人的浏览器也可以正常访问

业界 admin 3浏览 0评论

问题描述

您是否遇到这样的问题?
本地打包部署到服务器上后,访问链接登不进去系统,控制台提示跨域问题。
如果您遇到这样的问题,恭喜您!不用再东奔西跑查找问题了,这里有详细的解决方案——>>>


问题排查

场景细说是这样的:
前几天,公司新来个后台小哥,要接手我们包部署服务器的发布工作,作为练手,老大让他在我们测试服务器上部署。
之前呢,我的前端包都是另一个小哥部署的,是在正式服务器上。
无论是更新速度还是访问结果,我俩之间打包的发布流程一直是相安无事的,直到……
我打了压缩包给新来的小哥,他倒也顺利的放上去了。完事他让我看看内容是不是最新版的。
我淡定的输入地址,敲了回车后登录不进去,打开控制台:
好家伙!那是红彤彤的一片:大大的Access to XMLHttpRequest at XXX by CORS 提示我:快看看吧,你跨域啦。。。
我直接跟他讲你是不是哪里环境还没有配置好,毕竟流程和之前无异,唯一的不同就在于部署在不同的服务器。
我很难不怀疑他的nginx没配好,结果他说了一句话,我彻底慌了:
我这里是正常访问的。

我不信邪,明明提示跨域,你怎么能访问呢?
我把地址甩给另个后台小哥,结果更让我雪上加霜:他!也!能!正!常!访!问!!!
见鬼了不是,很快机智的我发现他使用的是微信浏览器直接打开的链接,那我也用微信浏览器试试。
诶嘿,我也能正常访问了耶!
不过问题还是要解决的,我让他用谷歌浏览器打开,依旧是成功的。
问题算是找出来了,很明显是我浏览器的问题,proxy没设置好的锅我不背!

查找解决方案

我和度娘的搜索引擎斗志斗勇,凭借输入的:
①‘浏览器提示跨域,微信浏览器正常访问’
②‘别人的浏览器正常访问链接,我的提示跨域’
③‘浏览器提示跨域’
期待它能给我弹出我想要的解决方案,不遂人意,愣是没找到一个合乎我需求的描述。
那还得想办法呀,我想之前没问题,别人的也没问题,就我现在的有问题,我做错什么了(做了什么操作)
噢,对了,前两天刚进去浏览器就提示我:有最新的版本,您是否更新?
扫了一眼,更新就更新呗,点了确定。。。彻底是忘了之前忽略更新的原因了。


悄悄的讲:任何应用都尽量不要安装最新版,很不稳定。
浏览器对我我们来说就是我们的小助手,版本兼容等各种问题对我们测试项目来说是一个超级无敌讨厌的家伙。
所以尽量用老版,屁事少,默认配置项也友好。

反正就是我更新版本后出现的问题,凭借着我对问题的精准描述,终于看到貌似能解决问题的方案,浅浅试了试,终于是解决了

解决方案

在浏览器地址栏输入:
chrome://flag
出来这个界面:

搜索栏输入:
Block insecure private network requests
把default改为disabled:

重启浏览器,就能正常访问了。

欠不楞登的我马上用Microsoft Edge访问链接,别问,不知道咋想的非得找事。
果不其然,也是同样的问题,跨域。
没关系,我很会类推,刚学的解决方法用一用呗:
谷歌是chrome,那Microsoft Edge就是edge。
edge://flags
Block insecure private network requests
简单两步,果然把问题解决了呢。

后来又细细查了一下Block insecure private network requests,中文意思就是阻止不安全的专用网络请求。
有位大哥介绍的尤为详细,给大家贴出来,有兴趣的可以详细了解一下:
传送门

结语

总的来说就三步:
①地址栏输入:浏览器名://flags
eg:chrome://flags、edge://flags
②搜索栏输入:Block insecure private network requests
③把default改为disabled

问题描述

您是否遇到这样的问题?
本地打包部署到服务器上后,访问链接登不进去系统,控制台提示跨域问题。
如果您遇到这样的问题,恭喜您!不用再东奔西跑查找问题了,这里有详细的解决方案——>>>


问题排查

场景细说是这样的:
前几天,公司新来个后台小哥,要接手我们包部署服务器的发布工作,作为练手,老大让他在我们测试服务器上部署。
之前呢,我的前端包都是另一个小哥部署的,是在正式服务器上。
无论是更新速度还是访问结果,我俩之间打包的发布流程一直是相安无事的,直到……
我打了压缩包给新来的小哥,他倒也顺利的放上去了。完事他让我看看内容是不是最新版的。
我淡定的输入地址,敲了回车后登录不进去,打开控制台:
好家伙!那是红彤彤的一片:大大的Access to XMLHttpRequest at XXX by CORS 提示我:快看看吧,你跨域啦。。。
我直接跟他讲你是不是哪里环境还没有配置好,毕竟流程和之前无异,唯一的不同就在于部署在不同的服务器。
我很难不怀疑他的nginx没配好,结果他说了一句话,我彻底慌了:
我这里是正常访问的。

我不信邪,明明提示跨域,你怎么能访问呢?
我把地址甩给另个后台小哥,结果更让我雪上加霜:他!也!能!正!常!访!问!!!
见鬼了不是,很快机智的我发现他使用的是微信浏览器直接打开的链接,那我也用微信浏览器试试。
诶嘿,我也能正常访问了耶!
不过问题还是要解决的,我让他用谷歌浏览器打开,依旧是成功的。
问题算是找出来了,很明显是我浏览器的问题,proxy没设置好的锅我不背!

查找解决方案

我和度娘的搜索引擎斗志斗勇,凭借输入的:
①‘浏览器提示跨域,微信浏览器正常访问’
②‘别人的浏览器正常访问链接,我的提示跨域’
③‘浏览器提示跨域’
期待它能给我弹出我想要的解决方案,不遂人意,愣是没找到一个合乎我需求的描述。
那还得想办法呀,我想之前没问题,别人的也没问题,就我现在的有问题,我做错什么了(做了什么操作)
噢,对了,前两天刚进去浏览器就提示我:有最新的版本,您是否更新?
扫了一眼,更新就更新呗,点了确定。。。彻底是忘了之前忽略更新的原因了。


悄悄的讲:任何应用都尽量不要安装最新版,很不稳定。
浏览器对我我们来说就是我们的小助手,版本兼容等各种问题对我们测试项目来说是一个超级无敌讨厌的家伙。
所以尽量用老版,屁事少,默认配置项也友好。

反正就是我更新版本后出现的问题,凭借着我对问题的精准描述,终于看到貌似能解决问题的方案,浅浅试了试,终于是解决了

解决方案

在浏览器地址栏输入:
chrome://flag
出来这个界面:

搜索栏输入:
Block insecure private network requests
把default改为disabled:

重启浏览器,就能正常访问了。

欠不楞登的我马上用Microsoft Edge访问链接,别问,不知道咋想的非得找事。
果不其然,也是同样的问题,跨域。
没关系,我很会类推,刚学的解决方法用一用呗:
谷歌是chrome,那Microsoft Edge就是edge。
edge://flags
Block insecure private network requests
简单两步,果然把问题解决了呢。

后来又细细查了一下Block insecure private network requests,中文意思就是阻止不安全的专用网络请求。
有位大哥介绍的尤为详细,给大家贴出来,有兴趣的可以详细了解一下:
传送门

结语

总的来说就三步:
①地址栏输入:浏览器名://flags
eg:chrome://flags、edge://flags
②搜索栏输入:Block insecure private network requests
③把default改为disabled

发布评论

评论列表 (0)

  1. 暂无评论