首页 > 其他分享 >学习AJAX时出现has been blocked by CORS policy: Cross origin requests are only supported的解决办法

学习AJAX时出现has been blocked by CORS policy: Cross origin requests are only supported的解决办法

时间:2024-02-02 17:57:18浏览次数:32  
标签:origin npm http supported server only cd 安装 输入

练习js时用到ajax,console报错:Access to XMLHttpRequest at ‘file:///Users/XXX/Downloads/nav/nav.json’ from origin ‘null’ has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https.
解决办法:启用本地服务器打开当前的(html)文件即可

解决步骤:

1.安装node.js(中文网:nodejs.com.cn) 默认路径一路点击next安装即可

2.安装完毕后,同时按win+r 输入cmd 打开命令行,输入node -v 出现版本号,再输入npm -v 出现版本号 即表示安装成功 

3.安装http-server模块:在命令行进入项目文件 如项目在D盘的Java文件夹内 则输入cd d: 之后再输入cd Java

如果显示找不到指定的路径:

可以先输入cd d:\Java 再输入cd d:

进入项目的根目录之后 输入命令 npm install -g http-server 安装模块 安装过程中如果出现 npm ERR! code CERT_HAS_EXPIRED证书过期问题

可以输入npm cache clean --force 清除npm缓存 或者输入npm config set strict-ssl false 取消ssl验证,之后再输入npm install -g http-server即可安装

4.http-server模块安装完毕之后 win+r 输入cmd打开命令行 输入http-server开启本地服务器

5.在vscode项目中打开终端(ctrl+~),然后进入项目根目录(cd+项目根目录所在地址) 接着输入http-server即可开启服务

如果vscode中出现“http-server : 无法将“http-server”项识别为 cmdlet、函数、脚本文件或可运行程序”的错误

解决办法如下

管理员方式打开PowerShell 输入 get-executionpolicy 查看电脑执行策略 如果结果是 Restricted 则输入 set-ExecutionPolicy RemoteSigned 修改执行策略

接着再输入get-executionpolicy 查看,结果为 RomoteSigned 即可

再打开vscode,打开终端,在项目根目录下输入http-server就能成功启动本地服务器

在浏览器输入http://localhost:8081/就可以使用本地服务器打开本地文件了

 

 

 

 

 

标签:origin,npm,http,supported,server,only,cd,安装,输入
From: https://www.cnblogs.com/xf5651/p/18003595

相关文章

  • git origin
    在Git中,origin是远程仓库的默认名称。这是因为大多数情况下,我们只需要与一个远程仓库进行交互,比如推送代码和拉取更新。为了简化操作,Git默认将远程仓库命名为origin。当你克隆(clone)一个远程仓库时,Git会自动将该远程仓库命名为origin。这样,你就可以使用gitpush和gitpu......
  • UnsupportedOperationException------“不支持的操作异常”
    在Java编程语言中,当你试图调用一个当前环境或对象不支持的方法时,就会抛出这个异常。例如:调用不可变集合(如通过Collections.unmodifiableList()创建的列表)的添加、删除或修改方法。使用Arrays.asList()返回的对象尝试修改其内容。在实现了某个接口但未提供所有必需实现方法的类......
  • redis (error) READONLY You can't write against a read only slave(转)
    原文:https://www.cnblogs.com/morgan363/p/13719830.html1、问题描述已部署好Redis主从服务器,实现了数据的同步。Redis主服务器(masterserver)具有读写的权限,而从服务器(slavemaster)默认只具有读的权限。如果强行在从服务器中接入数据,则报错提示“(error)READONLYYou......
  • 关于pycharm报错:Original error was: DLL load failed while importing _multiarray_u
    前提:遇到该问题时,已重新卸载并安装numpy,但由于今日重新打开pycharm,运行相同的代码,又再次报错,故重新寻找了新的方式进行尝试。原文地址解决方法:Step1:点击run,找到EditConfigurationsStep2:在EnvironmentVariables后加入:Path=Anaconda根目录\Library\bin......
  • Reference only code reading
    Referenceonlycodereading代码逻辑梳理Analysereference-onlycodeincontrolnetextensionofsdwebui.ControlNetHookTheentrypointinnercontrolnet_main_entrylookslike:#defcontrolnet_main_entry():self.latest_network=UnetHook(lowvram=is_low_v......
  • .Net Core报“‘GB2312‘ is not a supported encoding name. For information on def
    1、......
  • 注解@CrossOrigin详解
    转载自:https://blog.csdn.net/MobiusStrip/article/details/84849418文章目录注解@CrossOrigin一、跨域(CORS)支持:二、使用方法:1、controller配置CORS1.1、controller方法的CORS配置1.2、为整个controller启用@CrossOrigin1.3、同时使用controller和方法级别的C......
  • OnlyOffice 打开文档时提示下载失败
    现象:使用内网地址访问onlyoffice时,文档提示下载失败,如图:问题定位:使用内部ip地址访问后端服务查看OnlyOfficeConverter的日志:dockerlogs-f容器名发现日志文件中存在如下报错:Error:DNSlookupxxx.xxx.xxx.xx(family:undefined,host:undefined)isnotallowed.Because,......
  • 1、读取hudi表问题 readDirect unsupported in RemoteBlockReader
    Causedby:java.lang.UnsupportedOperationException:readDirectunsupportedinRemoteBlockReaderatorg.apache.hadoop.hdfs.RemoteBlockReader.read(RemoteBlockReader.java:492)atorg.apache.hadoop.hdfs.DFSInputStream$ByteBufferStr......
  • ERROR:Only one ConfirmCallback is supported by each RabbitTemplate] with root cau
     错误:OnlyoneConfirmCallbackissupportedbyeachRabbitTemplate]withrootcause 原因:因为Spring的Bean默认都是单例;而RabbitTemplate对象同样支持一个回调。 解决:使用@Scope("prototype")可通知Spring将被注解的Bean变为多例。代码: //改Ra......