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

最新推荐文章于 2023-12-18 20:43:33 发布
最新推荐文章于 2023-12-18 20:43:33 发布
阅读量2.2k 收藏 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
    评论
专栏目录
Winsock_file_transform.rar_B/S_winsock file_文件传输_自定义协议
09-14
本资源"Winsock_file_transform.rar"提供了一个基于B/S架构的文件传输示例，使用了自定义协议来实现高效、可靠的文件传输。下面将详细阐述相关知识点。 1. **Winsock**：Winsock是Windows Socket的简称，它是一组...
vscode 快捷键 运行 html（打开 html 的正确姿势）
热门推荐
爪白白的个人博客
07-16 2万+
下载插件 open in browser 在写好的html页面 右键 选择默认浏览器 或者 其他浏览器 点击即可运行 快捷键 默认浏览器 Alt+B 其他浏览器 Shift+Alt+B PS：如果有帮助，记得点赞哦！ ...
vscode使用restClient实现各种http请求
卿着飞翔
11-25 6667
vscode使用restclient插件，vscode如何请求http接口。 restclient的使用 postman的替代
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 1582
找到这一段在 title 的前面添加 meta[http-equiv='X-UA-Compatible'][content='IE=edge']Ctrl + F 搜索 title {$ {1:Document}}1.自己的vscode安装哪个盘 就在哪个硬盘路径搜索。2.搜索文件名 emmetNodeMain.js。3. 用 vscode 打开文件。修改完之后重启 编辑器 就可以了。修改其他或者添加其他元素同理。
VScode输入感叹号时，没有出现模板
weixin_43452694的博客
04-06 2万+
问题描述 新建HTML文件时，输入感叹号（！），按tab键，系统没有反应，不会自动补全。 原因分析： 1.先检查一下输入法是否是在英文格式下输入的，如果是英文格式下输入感叹号，按tab键之后任然没有反应的话，试试重新输入感叹号，按enter键 2.如果都还不成功，输入Ctrl+shift+p,然后输入change language mode，更改为HTML模式，然后再重新尝试一下。 ...
vscode-file-creator:使用模板轻松创建文件。 VSCode 扩展
08-05
文件创建者使用模板轻松创建文件您一定已经想到在创建每个文件时必须编写重复的代码。 这个扩展使用模板为你解决了这个问题！ :check_mark_button: 可用模板JS： 阵列模块功能模块对象模块React： 类组件功能组件...
CuteHttpFileServer、HTTP协议的文件共享服务器.exe
05-11
只有一个可执行程序，体积小巧，无配置文件等其他文件 支持扫码下载和手机端访问，在手机或平板下载电脑上的文件非常方便 访问者只需要浏览器访问地址即可，无需额外软件，在很多场景下更实用 软件特色 Cute ...
如何在java中使用SFTP协议安全的传输文件
10-14
在Java中，使用SFTP（Secure File Transfer Protocol）协议安全地传输文件，通常涉及使用SSH（Secure Shell）作为基础安全层。本文将详细介绍如何利用JSch库实现这一目标。JSch是一个纯Java实现的SSH2库，允许Java...
vscode-filesize:Visual Studio Code的文件大小包
05-05
Visual Studio Code的文件大小包 该软件包旨在与编辑器一起使用，并且在编辑器的状态栏中显示...要打开详细视图为焦点的当前文件，你可以点击在状态栏或使用尺寸Crtl - shift - '或者Cmd - shift - '如果你是一个Mac上
HTTPS替换HTTP完整步骤整理
千金难买真情的可贵的博客
01-09 8081
1.备份一份原有tomcat 2.修改配置文件server.xml   2.1 将/tomcat/conf/server.xml中http注释,如下图: 2.2 将/tomcat/conf/server.xml中https注释放开,如下图: 注释:端口443为https默认端口. 放开后在里面配置两个参数,分别是 生成的密钥路径,和密钥密码   密钥路径:keystoreF...
使用http协议打开html文件显示echarts地图-vscode开发环境
qiuyushuofeng的专栏
07-15 632
使用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...
VSCode的REST Client指南，超好用的HTTP客户端工具
南瓜慢说
06-24 5166
我最新最全的文章都在 南瓜慢说 www.pkslow.com ，欢迎大家来喝茶！ 1 简介 在做Web应用开发的时候，经常需要测试Web接口，就需要一些客户端来发送HTTP请求到服务端。常用的客户端工具有Postman、curl等，经过多次使用，我觉得VSCode的REST Client还是非常好用的，介绍给大家。 它是VSCode的一个插件，要安装才能使用： 主要特性有： 在文本编辑器中就可以直接发送请求和查看返回； 可以直接发送curl命令； 可以将HTTP请求复制为curl命令，这样可以在其它.
自定义vue模板
m0_46539364的博客
08-17 810
1.文件 ➡ 首选项 ➡ 用户代码片段 ➡ 点击新建全局代码片段 ➡ 取名 vue ➡ 确定 List item 2.粘入自定义.vue模板 { "Print to console": { "prefix": "vue", "body": [ "<!-- $1 -->", "<template>", "<div class='$2'>$5</div&g
VS code 发送http请求
weixin_45335305的博客
12-08 1486
下载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/6c918f3d5fe6@172.18.0.4 HTTP/1.1 Content-Type: {{Content-Type}} Authorization
在VsCode使用http-server模块
最新发布
DS0324的博客
12-18 756
在命令行中输入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中的live server扩展怎么把file协议文件改成HTTP协议文件
05-11
在使用VS Code中的live server扩展时，可以将文件从file协议改为HTTP协议的方法如下： 1. 打开扩展的设置界面。在VS Code的侧边栏中，找到Extensions（扩展）一栏，搜索"Live Server"，点击该扩展下的设置按钮。 2. 在设置中找到"Use Local IP"选项，将其开启。 3. 重启live server。在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、付费专栏及课程。

余额充值