问题描述

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


问题排查

场景细说是这样的:
前几天,公司新来个后台小哥,要接手我们包部署服务器的发布工作,作为练手,老大让他在我们测试服务器上部署。
之前呢,我的前端包都是另一个小哥部署的,是在正式服务器上。
无论是更新速度还是访问结果,我俩之间打包的发布流程一直是相安无事的,直到……
我打了压缩包给新来的小哥,他倒也顺利的放上去了。完事他让我看看内容是不是最新版的。
我淡定的输入地址,敲了回车后登录不进去,打开控制台:
好家伙!那是红彤彤的一片:大大的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

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

  1. nginx配置跨域访问后不生效,仍然显示跨域问题

    解决方案 首先,我们先确定跨域源目标没写错,可以先将Allow-Origin改成*测试 server {listen 80;server_name https://www.test.com;locat ...

  2. WCF跨域 这可能是由于试图以跨域方式访问服务而又没有正确的跨域策略,或策略不适用于 SOAP...

    尝试向 URI"http://localhost:8001/AccountService.svc"发出请求时出错.这可能是由于试图以跨域方式访问服务而又没有正确的跨域策略,或策略不 ...

  3. unity webgl开发踩坑——从开发、发布到优化

    目录 前言 环境 unity webgl的一些注意点 videoplayer修改-->Video Player WebGL插件 text修改--解决不能显示汉字问题 制作.读取ab包 unity ...

  4. ajax跨域服务器404,Ajax和跨域

    集成用多了连这都忘了系列(三) AJAX 1.什么是Ajax ajax=异步js和XML,是一种用于创建快速动态网页的的技术,可以在整个网页不刷新的情况下对网页的某一部分进行更新. 2.ajax工作原 ...

  5. 黑马ajax学习笔记02--art-template模板,自动提示,防抖,三级联动,fromData传参及传文件,同源,jsonp,天气预报,CROS,服务器桥接,withCredential跨域登录

    1.模板引擎概述 作用:使用模板引擎提供的模板语法,可以将数据和HTML拼接起来 实际上是实现在客户端做数据拼接 art-template模板引擎 官网:http://aui.github.io/ar ...

  6. 前后端分离项目nginx搭建静态页面服务器cors做后台跨域接收前台请求

    自己在闲暇时间里,无聊的我试着做了一个前后台分离的入门demo.在编写代码前通过查询百度,csdn,博学谷等做了一些准备工作,具体还只是做到前台发送的请求能顺利的发送到后端,时间仓促做的也有不足之处, ...

  7. 填个小坑,Vue不支持IE8及以下,跨域ajax不支持IE9

    这特么就尴尬了,说好的Vue支持IE8及以下的呢,引入jquery,测试IE个浏览器,IE9仍然显示不正常, 然而命令行测试Vue仍然存在, 数据回不来!数据回不来!数据回不来! 好吧  肉包子打狗$ ...

  8. 服务器数据缓存文件实现,跨域与缓存

    目录 一: 跨域问题 介绍 CORS两种请求详解: Django中实现: 二: Django缓存 配置 1.1 开发调试 1.2 内存缓存 1.3 文件缓存 1.4 数据库缓存 1.5 Memcach ...

  9. h5跨域访问图片_h5标签canvas关于getImageData跨域的问题

    h5标签canvas关于getImageData跨域的问题 在学习h5的时候,canvas标签中getImageData()报错:security error! 具体代码如下(chrome浏览器): ...

最新文章

  1. 英特尔分拆McAfee:31亿美元将多数股权卖给投资公司TPG
  2. 推荐系统里,可以用蒸馏吗?
  3. vue 获取元素在浏览器的位置_JavaScript获取窗口位置和元素坐标(兼容版)
  4. 解决Windows Server2008 R2中IE开网页时弹出阻止框
  5. java.close用法_void close()
  6. 开发VR游戏的基本要求
  7. 操作指针的条件和多级指针
  8. Eclipse用法与技巧——导入工程时报错(already exist in the workspace)
  9. Java开发笔记(六十九)泛型类的定义及其运用
  10. jQuery效果-----fadeIn()、fadeOut()、fadeToggle()、fadeTo()
  11. ERROR TransactionInterceptor - Application exception overridden by rollback exception
  12. TensorFlow 高级之一(实现单层神经网络)
  13. ADS,AXD基本使用说明
  14. JSP WebSehll 后门脚本
  15. 方向传感器新的替代方法详解
  16. JS禁用页面某区域不可选中文字、及修复导致行内编辑出现某单元格不可输入的问题
  17. 刚开始投资黄金理财,怎么扩大自己的小金库
  18. 一个简单的页面加载管理类(包含加载中,加载失败,数据为空,加载成功)
  19. Java游戏开发——对对碰
  20. 分享某盘不限速神器,免费好用

热门文章

  1. [Python]Python oop的私有制
  2. IMEI码规则及校验算法
  3. 五金制品厂物料产品编码方案(2)
  4. python学习小报3--python语法入门
  5. 云海二开解析接口计费系统全开源免授权v4.5(赠易支付接口轮询插件)
  6. wgt文件怎么安装到手机_wgt是什么文件格式,wgt扩展名文件如何打开?
  7. 导入maven项目时依赖包报红解决方案
  8. 程序设计思维 week9 作业B-东东学打牌
  9. SyntaxError: Non-UTF-8 code starting with ‘\xbd‘ in file C:\pycharm...Pycharm编译时出现以上提示
  10. 怎么申请电子邮箱?电子邮箱号码如何申请?