vscode在本地编写的html文件 是以file文件的格式开头在浏览器打开的，测试平常js的事件完全没有问题，但是一旦涉及网络请求数据ajax调用的时候会报错，就算是在本地的json文件都不行，它会涉及到跨域的问题，浏览器本身就限制了本地打开不允许跨域请求，这个时候需要一个本地服务器让文件在浏览器跑起来以localhost+端口号或127.0.0.1+端口号的形式访问html文件
首先安装node.js
然后使用node.js自带的npm安装http-server
npm install http-server -g //在电脑全局安装http-server 安装一次就行
安装完成后，打开你的项目目录输入http-server 或 hs 都能执行本地服务器
默认是： http://127.0.0.1:8080 如果被占用端口自动帮你改端口成 http://127.0.0.1:8081
***在项目的目录（当前项目的文件夹下）打开vscode终端或者（cmd命令行工具进入到项目目录） 使用命令http-server 或 hs 启动服务器 在浏览器输入 http://127.0.0.1:8080 自动帮你打开项目的index.html文件 然后就可以就行ajax本地json或者网络请求了
网友评论