【已解决】如何设置Vscode打开html文件使用http协议？而不是File协议？

最新推荐文章于 2024-02-25 12:47:38 发布
最新推荐文章于 2024-02-25 12:47:38 发布
阅读量2.1k 收藏 3
点赞数 6
分类专栏： 报错笔记 文章标签： vscode html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43586999/article/details/116540308
版权

下面此种方式是我刚刚使用vscode的常用打开方式，但是在使用Axios的时候就会出现一些问题【问题如下】。好像是跨域的问题。
在这里插入图片描述

在这里插入图片描述
但是使用idea执行一样的代码，就可以得到结果。

仔细一看，是两者访问的方式不一样，一个是http协议，一个是以file协议打开的。
要想使Vscode通过服务器打开html文件，走http协议，需要：

1.下载Live Server

在这里插入图片描述

2.安装完成后鼠标右键html文件空白处，点击Open with Live Server 即可。

在这里插入图片描述
参考博客：[https://www.cnblogs.com/luzhanshi/p/11994839.html]

小莹变强路上的踩坑日记
关注
  • 6
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
input file上传文件样式支持html5的浏览器解决方案
12-13
最近在使用画布处理图像像素时用到了file上传控件，发现了file上传控件的两个兼容性问题。一个是file上传控件在火狐下无法通过css改变width，另一个是file上传控件在不同的浏览器下的外观和行为都不一样。 下面是file上传控件在IE10，firefox16，chrome22,opera12,safari5.1.7里的截图：  在IE10里，双击输入框或者单击按钮都弹出文件选择框。在其他浏览器里单击输入框，按钮或文字都可以触发文件选择框。 鉴于这种混乱情况，有必要要统一样式和行为。下面是我的兼容性方案。 先看一下最终结果在各浏览器的截图： 基本思路：创建输入框和按钮模拟file上
PHP中判断文件存在使用is_file还是file_exists？
10-24
主要介绍了PHP中判断文件存在使用is_file还是file_exists？本文使用一个测试程序证明使用哪个函数比较好,需要的朋友可以参考下
vscode使用restClient实现各种http请求
最新发布
weixin_64310738的博客
02-25 1106
我们在使用rest client请求时，可以使用变量，如下图：我们定义了一个orgCode变量，并在请求时作为请求的header中的orgCode数据。通过{{baseUrl}}则使用了环境变量中的值。那我们该如何选择环境变量呢？如下图：当点击右下角的环境位置时，上面就会出现已有的环境变量的下拉框，这时我们就可以选择环境变量。那么，我们如何使用接口返回的数据呢？
fastdfs基于http协议的分布式文件系统源码，基于go和js.rar
05-24
fastdfs基于http协议的分布式文件系统源码，基于go和js，它具有高性能、高可靠、无中心、免维护等优点。 ### 大家担心的是这么简单的文件系统，靠不靠谱，可不可以用于生产环境？答案是肯定的，正因为简单所以高效，因为简单所以稳定。 注意：使用 - 支持curl命令上传 - 支持浏览器上传 - 支持HTTP下载 - 支持多机自动同步 - 支持断点下载 - 支持配置自动生成 - 支持小文件自动合并(减少inode占用) - 支持秒传 - 支持跨域访问 - 支持一键迁移（搬迁） - 支持异地备份（特别是小文件1M以下） - 支持并行体验 - 支持断点续传([tus](https://tus.io/)) - 支持docker部署 - 支持自监控告警 - 支持图片缩放 - 支持google认证码 - 支持自定义认证 - 支持集群文件信息查看 - 使用通用HTTP协议 - 无需专用客户端（支持wget,curl等工具） - 类fastdfs - 高性能 （使用leveldb作为kv库） - 高可靠（设计极其简单，使用成熟组件） - 无中心设计(所有节点都可以同时读写) # 优点 - 无依赖(单一文件） - 自动同步 - 失败自动修复 - 按天分目录方便维护 - 支持不同的场景 - 文件自动去重 - 支持目录自定义 - 支持保留原文件名 - 支持自动生成唯一文件名 - 支持浏览器上传 - 支持查看集群文件信息 - 支持集群监控邮件告警 - 支持小文件自动合并(减少inode占用) - 支持秒传 - 支持图片缩放 - 支持google认证码 - 支持自定义认证 - 支持跨域访问 - 极低资源开销 - 支持断点续传([tus](https://tus.io/)) - 支持docker部署 - 支持一键迁移（从其他系统文件系统迁移过来） - 支持异地备份（特别是小文件） - 支持并行体验（与现有的文件系统并行体验，确认OK再一键迁移） - 支持token下载　token=md5(file_md5+timestamp) - 运维简单，
自定义vue模板
m0_46539364的博客
08-17 802
1.文件 ➡ 首选项 ➡ 用户代码片段 ➡ 点击新建全局代码片段 ➡ 取名 vue ➡ 确定 List item 2.粘入自定义.vue模板 { "Print to console": { "prefix": "vue", "body": [ "<!-- $1 -->", "<template>", "<div class='$2'>$5</div&g
vscode命令行起本地服务，可发送http请求
Danile-丹丹的博客
06-27 7888
在我们vscode中默认打开的是file协议，但是往往我们会有ajax等请求，需要发送http等其他协议，所以我们需要搭起本地服务。三步：①：npm -v  会出现版本号②：npm insrall -g live server如果npm install -g live-server安装报错就用npm install live-server -gf安装第三步：直接  live-server  即可搭...
VSCode之调试html
12-08 2万+
一、效果目的 1.在VSCode里，直接F5打开html页面，并且可以在编辑器里，进行断点调试js代码； 二、工具准备 1.VSCode 软件 2.一个js项目 3.VSCode 上装一个插件：Debugger for Chrome 如图 这里写图片描述 三、配置文件更改 1.用VSCode装载项目 2.然后按F5，出现这个框 选择 Chrome 3.然后出现个配置的提示，和打开了la...
vscode进行对html的配置及调试
qq_40688442的博客
02-07 1万+
必要插件安装 Open HTML in Default Browser 用默认浏览器打开 HTML 文件 在资源管理器中，HTML 文件右键显示 在浏览器中打开 菜单 在编辑器中，HTML 文件右键显示 在浏览器中打开 菜单 支持语言：英语(en)、简体中文(zh-cn)、繁体中文(zh-tw)、日语(ja) 快捷键支持: ctrl + 1 Open in Browser（安装推荐） ...
关于html生成骨架没有 ＜meta http-equiv=“X-UA-Compatible“ content=“IE=edge“＞这段标签
YanRian的博客
07-22 1379
找到这一段在 title 的前面添加 meta[http-equiv='X-UA-Compatible'][content='IE=edge']Ctrl + F 搜索 title {$ {1:Document}}1.自己的vscode安装哪个盘 就在哪个硬盘路径搜索。2.搜索文件名 emmetNodeMain.js。3. 用 vscode 打开文件。修改完之后重启 编辑器 就可以了。修改其他或者添加其他元素同理。
HTTPS替换HTTP完整步骤整理
千金难买真情的可贵的博客
01-09 7915
1.备份一份原有tomcat 2.修改配置文件server.xml   2.1 将/tomcat/conf/server.xml中http注释,如下图: 2.2 将/tomcat/conf/server.xml中https注释放开,如下图: 注释:端口443为https默认端口. 放开后在里面配置两个参数,分别是 生成的密钥路径,和密钥密码   密钥路径:keystoreF...
http download file.zip_HTTP协议下载文件_http c语言_linux http 下载
09-24
linux平台下 C++语言实现HTTP协议下载文件
VSCode的REST Client指南，超好用的HTTP客户端工具
南瓜慢说
06-24 5041
我最新最全的文章都在 南瓜慢说 www.pkslow.com ，欢迎大家来喝茶！ 1 简介 在做Web应用开发的时候，经常需要测试Web接口，就需要一些客户端来发送HTTP请求到服务端。常用的客户端工具有Postman、curl等，经过多次使用，我觉得VSCode的REST Client还是非常好用的，介绍给大家。 它是VSCode的一个插件，要安装才能使用： 主要特性有： 在文本编辑器中就可以直接发送请求和查看返回； 可以直接发送curl命令； 可以将HTTP请求复制为curl命令，这样可以在其它.
在VsCode使用http-server模块
DS0324的博客
12-18 663
在命令行中输入node-v和npm-v检查版本，确保是否安装成功（详细参数配置可参考【编程基础篇 || 搭建http-server服务器，运行本地网页】 https://www.bilibili.com/video/BV1Jt411i7db/?再启动VsCode，打开你所想要搭建本地服务器的html的根文件夹，点击VsCode的查看选项，点击终端，在终端中输入npm install http-server -g进行全局安装，再使用http-server命令就可以开启http-server模块。
vscode 用启动 http服务器
qq_40095911的博客
07-17 916
查看 -》调试控制台-》终端 http-server
VScode输入感叹号时，没有出现模板
热门推荐
weixin_43452694的博客
04-06 2万+
问题描述 新建HTML文件时，输入感叹号（！），按tab键，系统没有反应，不会自动补全。 原因分析： 1.先检查一下输入法是否是在英文格式下输入的，如果是英文格式下输入感叹号，按tab键之后任然没有反应的话，试试重新输入感叹号，按enter键 2.如果都还不成功，输入Ctrl+shift+p,然后输入change language mode，更改为HTML模式，然后再重新尝试一下。 ...
使用http协议打开html文件显示echarts地图-vscode开发环境
qiuyushuofeng的专栏
07-15 613
使用http协议打开html文件显示echarts地图-vscode开发环境，黑马echarts教程
vscode 中如何快速运行.html文件
vue
03-14 1万+
1、启动服务运行html：http协议运行 （1） 安装插件 live Server （2）运行地址效果 （3）鼠标右键：open width live Server 2、不启动服务运行html：file协议运行 如何在vscode中运行html代码： 点击vsCode软件左边的扩展功能键，点击open in browser的install按钮，之后鼠标右键就出现了op...
VS code 发送http请求
weixin_45335305的博客
12-08 1470
下载rest http插件，重启vscode 发送get请求 @hostname=47.102.215.234 @port=8081 @Content-Type=application/json @userName=admin @password=public GET http://{{hostname}}:{{port}}/api/v4/nodes/[email protected] HTTP/1.1 Content-Type: {{Content-Type}} Authorization
vscode中的live server扩展怎么把file协议文件改成HTTP协议文件
05-11
在VS Code中，打开您要使用的HTML文件，右键单击文件，选择"Open with Live Server"，重启live server后，您的文件链接将会更改为HTTP协议链接。 通过以上步骤，您就可以将file协议文件改为HTTP协议文件，方便您...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值