解决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
弹出浏览器窗口，选择你要打开的网页即可

SpringBoot实现本地存储文件上传及提供HTTP访问服务的方法
08-18
SpringBoot实现本地存储文件上传及提供HTTP访问服务的方法 在本文中，我们将介绍如何使用 SpringBoot 实现本地存储文件上传及提供 HTTP 访问服务。该方法可以帮助开发者快速实现文件上传和访问功能。 一、...
VSCODE安装必要的插件实现浏览器中打开，以及显示网址
RayPick的博客
08-02 1456
两个插件都可以实现，具体想要哪个，根据自己选择。第一种网页显示的是本地文件路径，第二种是带具体网址的。 安装：open in browser 安装插件：live server
解决vscode运行不跳网页的方法
m0_60708885的博客
03-30 2678
2、将configurations下面的配置全都注释掉，问题即可解决。1、打开launch.json，点击调试里的配置。3、按F5重新运行程序，即可发现可以打开网页。
vscode报错：‘XXX‘ is missing in props validation
最新发布
weixin_46600029的博客
10-06 1101
写React+vite+Ant Design项目：在写一个函数组件时，想要将一个组件当参数传入。即，高阶组件:把一个组件当成另外一个组件的参数传入 然后通过一定的判断 返回新的组件，然后遇到了这个props验证的问题。原因是eslint在使用了"plugin:react/recommende"对react检查时，会使用prop-types规则进行检查，此时type缺少props验证。
vscode插件live server出错 打开出现本地文件夹目录
nonogqi的博客
03-24 1687
也并不是所有html项目都这样，就这一个出现，于是网上各种搜索，有让改环境变量的，有让删工作空间的，但是总觉的不是那么回事儿，突然回想有次想用liveserver打开vue项目的时候改了一个配置，于是 就去改了一下，没想到可以了。记录一下，免得以后再遇到，其实就是liveserver根目录配置出错了。就可以了，或者直接删掉也可以。修改后保存，先停掉服务，然后再启动就可以了。
记关于解决vscode相对路径设置的问题
weixin_48169169的博客
09-29 4111
vscode相对路径问题
配置Chrome支持本地（file协议）的AJAX请求
12-09
不过，我们可以采取一些解决办法来让Chrome支持本地file协议的AJAX请求。 对于Windows用户，可以通过修改Chrome快捷方式的属性来解决这个问题。在目标路径后添加"--allow-file-access-from-files"（注意前面有一个...
web 开发之创建本地文件夹的实现方法
10-19
在Web开发中，有时我们需要在用户的本地设备上创建文件夹以存储数据或资源。这个过程在不同的平台上可能有所不同，但通常可以通过使用HTML5的File API来实现。在本篇文章中，我们将探讨如何在Web环境中创建本地...
vue-cli3访问public文件夹静态资源报错的解决方式
10-14
如果你的Vue应用不是部署在网站的根目录下，而是部署在类似 `/app/` 这样的子路径下，直接使用绝对路径引用资源，会导致路径错误，从而无法正确加载资源文件。 为了解决这个问题，Vue CLI 3提供了一个环境变量`...
AngularJS实现ajax请求的方法
10-21
AngularJS实现ajax请求的方法知识点： AngularJS是一种流行的JavaScript框架，它为开发单页应用程序（SPA）提供了丰富的功能。在AngularJS中实现ajax请求是进行前后端数据交互的基本技能。ajax（Asynchronous ...
【vscode】FILE提示报错及未有FILE代码提示问题
贾继康的博客
04-05 3053
文章目录【vscode】FILE提示报错及未有FILE代码提示问题一、说明二、前言三、错误提示四、解决方案1、c_cpp_properties.json2、修改 c_cpp_properties.json3、修改结果 【vscode】FILE提示报错及未有FILE代码提示问题 一、说明 1、windows系统 2、MinGW 二、前言         在使用...
Access to XMLHttpRequest at ‘file:///C:/Users/Lenovo/Desktop/%E4%B8%93%E5%91
qq_45947664的博客
09-13 9955
3、问题解决，编译器直接跳转默认编辑器，打开工作区页面，5500是live server自动分配的端口，如果没有自动跳转，就新建终端，输入“live-server --port=8081”，ps：8080端口可能被占用。1、使用VSCode的话 下载Live Server插件，通过安装这个插件就可以使用http协议打开file本地文件页面。4、点击Fn+F12查看，没有报错信息。5、此方案行不通的话，请移步。2、点击Go Live。
【已解决】如何设置Vscode打开html文件使用http协议？而不是File协议？
qq_43586999的博客
05-08 2380
下面此种方式是我刚刚使用vscode的常用打开方式，但是在使用Axios的时候就会出现一些问题【问题如下】。好像是跨域的问题。 但是使用idea执行一样的代码，就可以得到结果。 仔细一看，是两者访问的方式不一样，一个是http协议，一个是以file协议打开的。 要想使Vscode通过服务器打开html文件，走http协议，需要： 1.下载Live Server 2.安装完成后鼠标右键html文件空白处，点击Open with Live Server 即可。 参考博客：[https://www.cnb
vscode 打开新的 文件 file ，不要覆盖
OrdinaryMatthew的博客
10-03 143
vscode 打开新的 文件 file ，不要覆盖。
VSCODE搭建本地服务器--运行ajax
Free_Ya的博客
04-05 2069
前言: 最近学习jq中，涉及AJAX的知识点，在使用VSCODE运行的时候，总是报错。后来才知道是需要搭配本地服务器才可运行。故写下该文章。 首先我们需要安装 live sever，看下图教程: 在这里输入 live server 下载并安装 接着我们需要打开控制台： 好了，相信看到这里，你一定会根据网上查找的命令进行使用，结果发现还是配置不成功。那么让我我们在输入命令前，做一些准备工作： 1.把vscode设置成管理员身份运行 2.把powershell以管理员身份启动并配合命令进行设置
浏览器无法加载本地文件
热门推荐
weixin_45918830的博客
11-17 1万+
问题描述 在Visual Studio Code 编写HTML文件时需要将.csv文件内容在浏览器控制台窗口输出，浏览器控制一直报错，如下图所示 原因 跨域资源共享问题，本地文件是放在file://这样的系统下，而非网络资源比如http://下，造成了找不到对应的资源 办法一 在浏览器快捷方式“属性”一栏的“目标（T）”中加上 “–allow-file-access-from-files”，表示允许该浏览器访问本地文件。 办法二 下载Chrome插件Enable local file links 办法三
Archlinux 解决 VSCode 变成默认文件夹打开方式的问题
weixin_44913424的博客
12-20 720
默认的文件浏览器变成了VSCode，连从dock打开插入的U盘都是调用VSCode，实在是不能接受…… 刚从AUR安装好时没有这个毛病，最近系统更新之后就出现了这个问题 GNOME桌面环境
Vscode的相对路径读取问题及处理
qq_44259670的博客
08-16 1039
问题描述： 今天在vscode中用到了读取文件路径，要从ff.js中读取到asd.mp3，但是路径一直错误 在代码中这样中这样写却报错，感觉到很苦恼 这样写确实对的，摸不着头脑 原因分析： vscode和一般的比较 符号 vscode 一般的 “./2.txt” 相对于工作路径（.vscode文件夹所在的位置） 相对于当前运行文件 “2.txt” 相对于工作路径 相对于当前运行文件 “/2.txt” 相对于磁盘根目录 相对于磁盘根目录 解决方案： 提示： 在设置中搜
日常报错：浏览器报错 CORS 请求不是 http
ALLIN君
03-12 506
火狐浏览器设置步骤: 1.进入火狐配置页进行设置 ,地址栏输入"about:config" 2.点击”我了解此风险”后进入页面 3.搜索”security.fileuri.strict_origin_policy”,并设置该项为false 4.重启浏览器，可以跨域访问 谷歌浏览器: 不支持,别浪费力气了 ———————————————— 版权声明：本文为CSDN博主「老裆益壮☭」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。 原文链接：https://blog.csd
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值