VSCODE搭建本地服务器--运行ajax

最新推荐文章于 2025-01-20 11:16:03 发布
最新推荐文章于 2025-01-20 11:16:03 发布
阅读量2.1k 收藏 13
点赞数 4
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_46251547/article/details/115439604
版权
本文介绍了在学习jQuery的AJAX部分时遇到的问题，即在VSCode中运行代码需要本地服务器支持。通过安装和配置liveserver插件，以及设置Node.js环境变量，详细讲解了解决此问题的步骤，包括以管理员身份运行VSCode，修改PowerShell执行策略，安装和使用live-server命令。
摘要由CSDN通过智能技术生成
前言:

最近学习jq中，涉及AJAX的知识点，在使用VSCODE运行的时候，总是报错。后来才知道是需要搭配本地服务器才可运行。故写下该文章。

首先我们需要安装 live sever，看下图教程:

图片

在这里输入 live server 下载并安装

在这里插入图片描述

在这里插入图片描述

接着我们需要打开控制台：

在这里插入图片描述

在这里插入图片描述

最低0.47元/天 解锁文章
Node.js | 搭建后端服务器（含内置模块 http | url | querystring 的使用）
前端之行，任重道远！
08-21 1万+
通过使用NodeJs的内置模块http快速搭建一个node后端服务器，并使用内置模块url等扩展其功能：实现后端路由、将node作为中间层使用、使用node实现爬虫
基于ARM开发板搭建物联网服务器
基于STM32F103C8 输入捕获实验
02-26 2793
MQTT+SQLITE3+Boa+CGI+HTML+CSS+JAVASCRIPT+AXJX在嵌入式开发板上搭建的嵌入式物联网服务器，实现了简单的后端数据存储与前端网页查看的功能
VS添加Ajax
思想上移，行动下移
08-12 3295
QQ空间我们大家都很熟悉吧，假设你现在要给同学的一条说说或者日志添加评论，写完了又觉得表达的不太好想将原来的评论删除重新写，这时候"啪"网页一刷新跳到了顶部，因此你不得不再从头开始。如果网速快还好些，要是恰巧网速不好，外加上顶条动态到你刚刚看到的动态之间又加了很多很多的动态，此时你感觉如何啊？是不是”超级爽“啊？？呵呵。 上面的状况，我们生活中到处都有类似的鲜活的例子。现在正在学
vscode如何使用ajax,如何利用vscode+node.js+express框架实现Ajax
weixin_36326408的博客
08-05 864
如何利用vscode+node.js+express框架实现Ajax发布时间：2021-06-16 13:49:21来源：亿速云阅读：72作者：chen这篇文章主要讲解了“如何利用vscode+node.js+express框架实现Ajax ”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“如何利用vscode+node.js+express框架实现A...
使用vscode在本地和远程服务器端运行和调试Python程序的方法总结
最新发布
m0_56192771的博客
01-20 1700
下载网址：https://code.visualstudio.com/Download如下图所示，可以分别下载Windows,Linux,macOS版本历史版本下载链接:https://code.visualstudio.com/updates。
在vscode中使用ajax,vscode中的ajax片段，
weixin_30814157的博客
08-05 997
vscode中的ajax片段，1.首先打开vscode找到右下角的齿轮样子图标2.点击打开 打开用户代码片段3.会出现一个框 搜索php4.删除里面的内容复制下面的代码{// Place your snippets for javascript here. Each snippet is defined under a snippet name and has a prefix, body a...
＊VS Code中的Ajax
m0_62836433的博客
10-30 503
在VS Code上实现Ajax【实现省市县镇的选择（包含json文件）】
学习Ajax需要在VScode中配置php环境
CHLing19971130的博客
12-16 803
刚开始学习Ajax，网课上介绍需要先安装wampserver，这个软件很好安装，但网课说需要安装phpstorm，但课下来我发现安装phpstorm需要jetbrains全家桶，并且破解很麻烦，因此我选择直接在vscode中配置php的环境。 而且，我在配置过程中出现的问题：输入http://127.0.0.1访问正常，当输入http://localhost/，出现You don’t have permission to access/on this server.的提示。并把解决方法写在了下面。 学习的路
尚硅谷Ajax-学习记录
09-24
在本例中，我们使用VSCode作为编辑器，并通过Node.js来运行服务器端代码。创建一个新的文件夹，如“ajaxDemo”，然后初始化一个新的Node.js项目。执行`npm init --yes`命令，这将创建一个`package.json`文件，用来...
JSON与AJAX结合实现本地服务器请求案例
通过本地服务器，开发者可以在不影响真实服务器的前提下，进行前后端的交互测试。 知识点五：使用AJAX发送GET请求 在AJAX中使用GET请求向服务器请求数据是一种常见的做法。可以通过创建XMLHttpRequest对象，并设置...
Ajax 的初步实现（使用vscode+node.js+express框架）
weixin_45026839的博客
06-15 820
需求： 点击按钮 向服务端发送一个请求 然后将服务端返回的响应体结果在一个div中呈现出来 同时页面不刷新 一、 服务端的前期准备 安装node.js https://nodejs.org/en/download/ 检验是否安装成功 ： 在命令行输入 node -v 按下enter 键之后出现 版本号就表明安装成功 （图如下） 使用 vscode安装express (前提是你已经成功安装了node.js) 在 vscode 里面新建一个文件夹 文件下面包含俩个文件 一个是你的前端页面代码：.
vscode 实现本地服务器部署小结
sinat_33255495的博客
05-09 782
在查阅 MDN 网站的时候，偶然发现的原来 vscode 也可以实现本地化服务器部署，来模拟服务器的运行。
使用 VSCode SSH 公网远程连接本地服务器开发 - cpolar内网穿透
Welcome home | Jian Liao 's blog
05-30 3952
远程连接服务器工具有很多，比如XShell、putty等，可以通过ssh来远程连接服务器，但这用于写代码并不方便，可能需要现在本地写好代码后再将源代码传送到服务器运行、服务器上的图片也无法直接查看…而vscode可以很好的解决这些问题，它的核心组件都运行在远程环境中，本地的开发机器完全不需要拥有远程开发环境的源代码，在vscode上编写代码可以直接同步更新到服务器上，给你带来丝滑般的远程开发体验。
vscode搭建本地服务器，使用ajax获取本地数据
爱前端的程序媛的博客
07-09 3463
直接使用ajax请求本地数据报错 直接使用XMLHttpRequest对象请求会有同源策略的问题。 同源是什么？ 协议相同：http 域名相同：www 端口号相同：8080默认端口 如果请求资源的地址与对象所在的地址不同源，则请求失败。 function getAjaxDate() { let xhr = new XMLHttpRequest(); xhr.open("get", "a.txt", false); x
vscode搭建ajax本地服务器,使用vscode搭建本地的websocket
weixin_42271195的博客
08-06 821
首先在服务器方面，网上都有不同的对websocket支持的服务器：以上内容摘自：菜鸟教程，大家可以根据自己的喜好决定安装配置哪个服务器环境。这里我安装的是nodejs环境，安装教程：菜鸟教程下面开始进入正题。打开vscode，新建一个文件夹，再在此文件夹下新建一个server.js文件来监听端口：1 var WebSocketServer = require('ws').Server,2 wss ...
解决vsCode以file文件夹访问，而不是http访问，导致在本地无法实现ajax请求
leaf的博客
11-26 1193
标题解决vsCode以file文件夹访问，而不是http访问，导致在本地无法实现ajax请求 在使用vsCode练习ajxa请求时，发现无法实现ajax请求，控制台报错 在百度搜查了大量资料后，发现vsCode是以file文件夹的形式打开网页，而并非http的形式 解决方法： ctrl+shift+y 打开vsCode的控制台 点击终端 输入 npm install -g live-serv...
VScode中AJAX出现无法使用插件解决办法
weixin_54232686的博客
09-11 555
VScode中AJAX出现无法使用插件解决办法
vscode 搭建vue项目 使用axios（ajax）
Sucker的小笔记
04-11 6887
安装 cpm install --save axion vue--axion main.js中引入axios importaxiosfrom'axios'; importVueAxiosfrom'vue-axios'; Vue.use(VueAxios,axios); 项目使用： <template> <div id="app"> ...
VScode 跨域问题，报错
lengleng0107的博客
01-25 1505
今天在使用跨域的时候，报这个错误，让大家看看 Access to XMLHttpRequest at 'http://localhost:8080/students' from origin 'http://127.0.0.1:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值