解决vsCode以file文件夹访问，而不是http访问，导致在本地无法实现ajax请求

最新推荐文章于 2023-10-06 11:03:05 发布
最新推荐文章于 2023-10-06 11:03:05 发布
阅读量1.1k 收藏 5
点赞数 1
分类专栏： 工具 文章标签： vsCode ajax练习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42460461/article/details/103261198
版权

标题解决vsCode以file文件夹访问，而不是http访问，导致在本地无法实现ajax请求

只需要在 vsCode中 安装 live Server 插件，就可以完美解决这个问题

在使用vsCode练习ajxa请求时，发现无法实现ajax请求，控制台报错
在这里插入图片描述
在百度搜查了大量资料后，发现vsCode是以file文件夹的形式打开网页，而并非http的形式
解决方法：

  1. ctrl+shift+y 打开vsCode的控制台
  2. 点击终端
  3. 输入 npm install -g live-server
  4. 输入 live-server ，启动服务器

如果出现这种情况就是因为你的电脑禁止运行脚本在这里插入图片描述

可以通过命令行输入 set-ExecutionPolicy RemoteSigned
选择Y或A就好了

或者进入你代码所在的文件夹在地址栏输入cmd 敲击回车
在命令行输入 live-server
弹出浏览器窗口，选择你要打开的网页即可

叶林染
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
SpringBoot实现本地存储文件上传及提供HTTP访问服务的方法
08-18
SpringBoot实现本地存储文件上传及提供HTTP访问服务的方法 在本文中，我们将介绍如何使用 SpringBoot 实现本地存储文件上传及提供 HTTP 访问服务。该方法可以帮助开发者快速实现文件上传和访问功能。 一、...
【已解决】如何设置Vscode打开html文件使用http协议？而不是File协议？
qq_43586999的博客
05-08 2218
下面此种方式是我刚刚使用vscode的常用打开方式，但是在使用Axios的时候就会出现一些问题【问题如下】。好像是跨域的问题。 但是使用idea执行一样的代码，就可以得到结果。 仔细一看，是两者访问的方式不一样，一个是http协议，一个是以file协议打开的。 要想使Vscode通过服务器打开html文件，走http协议，需要： 1.下载Live Server 2.安装完成后鼠标右键html文件空白处，点击Open with Live Server 即可。 参考博客：[https://www.cnb
VSCODE安装必要的插件实现浏览器中打开，以及显示网址
RayPick的博客
08-02 1395
两个插件都可以实现，具体想要哪个，根据自己选择。第一种网页显示的是本地文件路径，第二种是带具体网址的。 安装：open in browser 安装插件：live server
解决vscode运行不跳网页的方法
m0_60708885的博客
03-30 2247
2、将configurations下面的配置全都注释掉，问题即可解决。1、打开launch.json，点击调试里的配置。3、按F5重新运行程序，即可发现可以打开网页。
vscode报错：‘XXX‘ is missing in props validation
最新发布
weixin_46600029的博客
10-06 691
写React+vite+Ant Design项目：在写一个函数组件时，想要将一个组件当参数传入。即，高阶组件:把一个组件当成另外一个组件的参数传入 然后通过一定的判断 返回新的组件，然后遇到了这个props验证的问题。原因是eslint在使用了"plugin:react/recommende"对react检查时，会使用prop-types规则进行检查，此时type缺少props验证。
记关于解决vscode相对路径设置的问题
weixin_48169169的博客
09-29 3090
vscode相对路径问题
vscode插件live server出错 打开出现本地文件夹目录
nonogqi的博客
03-24 1430
也并不是所有html项目都这样，就这一个出现，于是网上各种搜索，有让改环境变量的，有让删工作空间的，但是总觉的不是那么回事儿，突然回想有次想用liveserver打开vue项目的时候改了一个配置，于是 就去改了一下，没想到可以了。记录一下，免得以后再遇到，其实就是liveserver根目录配置出错了。就可以了，或者直接删掉也可以。修改后保存，先停掉服务，然后再启动就可以了。
配置Chrome支持本地（file协议）的AJAX请求
12-09
 •新建文件夹  •新建需要的文件  •在Sublime（或其他编辑器）中完成DEMO的编码  •双击HTML文件，直接在浏览器中运行演示  如果此时Demo中有AJAX操作，浏览器就会报一个错：  XMLHttpRequest cannot load ...
web 开发之创建本地文件夹的实现方法
10-19
在Web开发中，有时我们需要在用户的本地设备上创建文件夹以存储数据或资源。这个过程在不同的平台上可能有所不同，但通常可以通过使用HTML5的File API来实现。在本篇文章中，我们将探讨如何在Web环境中创建本地...
无法在左侧上创建goodsync状态文件夹_gsdata_:拒绝访问
04-18
备份同步报错解决方法,无法在左侧上创建goodsync状态文件夹_gsdata_:拒绝访问,
VSCODE搭建本地服务器--运行ajax
Free_Ya的博客
04-05 1995
前言: 最近学习jq中，涉及AJAX的知识点，在使用VSCODE运行的时候，总是报错。后来才知道是需要搭配本地服务器才可运行。故写下该文章。 首先我们需要安装 live sever，看下图教程: 在这里输入 live server 下载并安装 接着我们需要打开控制台： 好了，相信看到这里，你一定会根据网上查找的命令进行使用，结果发现还是配置不成功。那么让我我们在输入命令前，做一些准备工作： 1.把vscode设置成管理员身份运行 2.把powershell以管理员身份启动并配合命令进行设置
【vscode】FILE提示报错及未有FILE代码提示问题
贾继康的博客
04-05 2848
文章目录【vscode】FILE提示报错及未有FILE代码提示问题一、说明二、前言三、错误提示四、解决方案1、c_cpp_properties.json2、修改 c_cpp_properties.json3、修改结果 【vscode】FILE提示报错及未有FILE代码提示问题 一、说明 1、windows系统 2、MinGW 二、前言         在使用...
vscode 打开新的 文件 file ，不要覆盖
OrdinaryMatthew的博客
10-03 110
vscode 打开新的 文件 file ，不要覆盖。
Archlinux 解决 VSCode 变成默认文件夹打开方式的问题
weixin_44913424的博客
12-20 626
默认的文件浏览器变成了VSCode，连从dock打开插入的U盘都是调用VSCode，实在是不能接受…… 刚从AUR安装好时没有这个毛病，最近系统更新之后就出现了这个问题 GNOME桌面环境
Vscode的相对路径读取问题及处理
qq_44259670的博客
08-16 963
问题描述： 今天在vscode中用到了读取文件路径，要从ff.js中读取到asd.mp3，但是路径一直错误 在代码中这样中这样写却报错，感觉到很苦恼 这样写确实对的，摸不着头脑 原因分析： vscode和一般的比较 符号 vscode 一般的 “./2.txt” 相对于工作路径（.vscode文件夹所在的位置） 相对于当前运行文件 “2.txt” 相对于工作路径 相对于当前运行文件 “/2.txt” 相对于磁盘根目录 相对于磁盘根目录 解决方案： 提示： 在设置中搜
日常报错：浏览器报错 CORS 请求不是 http
ALLIN君
03-12 472
火狐浏览器设置步骤: 1.进入火狐配置页进行设置 ,地址栏输入"about:config" 2.点击”我了解此风险”后进入页面 3.搜索”security.fileuri.strict_origin_policy”,并设置该项为false 4.重启浏览器，可以跨域访问 谷歌浏览器: 不支持,别浪费力气了 ———————————————— 版权声明：本文为CSDN博主「老裆益壮☭」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。 原文链接：https://blog.csd
vscode - 相关操作
ustccw
11-14 1513
vscode 相关操作 最最基本的操作不多赘述, 玩两个小时就会了. 查找 当前文件查找: ctrl + F 全局查找: ctrl + shift + F 某个 project 下查找: 在全局查找界面, files to include 中填该 project 路径 某个 project 下特定类型文件下查找: 在全局查找界面, files to include 中填该 project 路径...
vscode非调试运行打开提示以本地端口localhost 拒绝了我们的连接请求
m0_56996859的博客
03-27 7408
应该这是安装了node.js的问题 以非调试运行打开会是以localhost：8080本地端口方式打开 这个时候会自动给你下载launch.json文件 把这个文件删除就OK了
Visual Studio Code 的 launch.json 解析
weixin_30729609的博客
11-09 1700
{ "version": "0.2.0", "configurations": [ { "name": "(gdb) Launch", // 配置名称，将会在启动配置的下拉菜单中显示 "type": "cppdbg", // 配置类型，这里只能为cppdbg "reques...
vscode如何新建文件夹
09-08
要在VS Code中创建一个新文件夹，可以按照以下步骤操作： 1. 打开VS Code编辑器。 2. 在左侧的资源管理器中，点击要在其下创建新文件夹的上级文件夹。 3. 在菜单栏中选择“文件”（File）选项。 4. 在下拉菜单中选择“新建文件夹”（New Folder）。 5. 输入新文件夹的名称，并按下回车键。 这样就创建了一个新文件夹。你可以使用VS Code编辑器在该文件夹中创建、编辑和保存文件。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值