一、背景描述

下面是我用ajax异步请求时的写法，请注意url是怎么写的，下面的错误就是由于这个url的写法导致的。

// 获取省份列表
$(document).ready(function () {$.ajax({url: "devlsub.iot.com:53310/city/getProviceList",    //请求的url地址dataType: "json",   //返回格式为jsonasync: true,//请求是否异步，默认为异步，这也是ajax重要特性data: "",    //参数值type: "GET",   //请求方式success:function(req){console.info(req);},error:function(){//请求出错处理alert("出错啦")}});
});

二、问题描述

今天在本地调用服务器上的一个获取省份的列表时，报了如下错误信息：

Access to XMLHttpRequest at 'devlsub.unisiot.com:53310/city/getProviceList' from origin 'http://localhost:63333' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

大概意思是从本地的一个域名访问另外一个域名被CORS政策阻止了，跨域请求仅被支持的协议类型为：http, data, chrome, chrome-extension, https 协议。

三、错误原因

Javascript出于对安全性的考虑，而禁止两个或者多个不同域的页面进行互相操作。相同域的页面在相互操作的时候不会有任何问题。我们在用跨域的时候，大部分都在知道哪些问题是跨域问题，也知道怎么解决。但是就是具体解决，或者说最终解决，都不理想，或者最终解决不了。

这个报错问题是因为请求的url没有写明是什么协议，如我只写了url: "devlsub.iot.com:53310/city/getProviceList"。

四、解决方案

4.1 方案1

根据错误提示信息，我修改了url 的写法：url: "http://devlsub.iot.com:53310/city/getProviceList"。然后再去请求这个地址，问题得到完美解决。

4.2 方案2

在另一篇博客里记录着，请移步至此：https://blog.csdn.net/weixin_44299027/article/details/94836940

【跨域异常】Cross origin requests are only supported for protocol schemes: http, data, chrome,chrome-exten相关推荐

【chrome错误】Cross origin requests are only supported for protocol schemes: http, data,chrome-extension
使用ajax请求本地文件,chrome会报跨域错误:XMLHttpRequest cannot loadfile:///C:/Users/Li/Desktop/images/alist.json.Cr ...
Cross origin requests are only supported for protocol schemes: http, data, chrome-extension, edge
Cross origin requests are only supported for protocol schemes: http, data, chrome-extension, edge, h ...
解决Cross origin requests are only supported for protocol schemes问题
解决Cross origin requests are only supported for protocol schemes问题问题描述本前端小白在学习的时候尝试按照一个网上的blog的代码来跑 ...
解决跨域Cross origin requests are only supported for protocol schemes的其中一种种办法
跨域问题描述使用vue通过axios.post方法访问spring boot 接口时,会报跨域错误,错误信息如下: Access to XMLHttpRequest at 'http://local ...
Failed to load file:///F:/demo01/styles.less: Cross origin requests are only supported for protocol
由于同源策略,访问不同源的资源,就会产生权限 ,比如我想引用less目录下的 less.js文件,谷歌浏览器出现了这样的错误: 这是产生了跨域,谷歌浏览器会出于安全考虑而阻止这种行为. 解决方法: 进 ...
【VSCode】from origin ‘null‘ has been blocked by CORS policy: Cross origin requests are only supported
Access to script at 'file:///C:/Users/dawulei/Desktop/%E9%A1%B9%E7%9B%AE/%E5%9D%A6%E5%85%8B%E5%A4%A7 ...
from origin ‘null‘ has been blocked by CORS policy: Cross origin requests are only supported for ...
跨源资源请求问题解决方案问题描述:当我们在vsCode中使用 open in brower插件打开html文件文件时,就会报错 xxx已被CORS策略阻止,引入的资源还会失效. 解决办法1 :Liv ...
Access to script at ‘xxx‘ from origin ‘null‘ has been blocked by CORS policy: Cross origin requests
前言本地调试js时,遇到本错误 Google Chrome 84.0.4147.135 (正式版本) (64 位) (cohort: Stable Installs Only) 修订版本 c42bd ...
ajax跨域请求问题：Access to XMLHttpRequest at……has been blocked by CORS policy: Cross origin requests
背景:本地代码调试时,加载本地资源正常,jquery的AJAX请求服务端资源报错. Access to XMLHttpRequest at '***** ' from origin 'null' ha ...

【跨域异常】Cross origin requests are only supported for protocol schemes: http, data, chrome,chrome-exten