node.js 里面的http-server

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或者网络请求了

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 个人入门学习用笔记、不过多作为参考依据。如有错误欢迎斧正 目录 简书好像不支持锚点、复制搜索(反正也是写给我自己看...
    kirito_song阅读 7,194评论 1 37
  • Getting Started Burp Suite 是用于攻击web 应用程序的集成平台。它包含了许多工具,并为...
    Eva_chenx阅读 29,043评论 0 14
  • 运行操作 CMD命令:开始->运行->键入cmd或command(在命令行里可以看到系统版本、文件系统版本) CM...
    小明yz阅读 7,903评论 0 8
  • 我曾经“自命不凡”。 觉得自己,不是一般人,与众不同。生来就是拯救世界的。 我觉得“天生我材必有用,千金散尽还复来...
    历宁阅读 2,870评论 0 2
  • 《白发》 开始是因为张雪迎和罗云熙看的,结果发现男主不太符合我的审美,因为我的脸也很长,所以……不太喜欢脸长的️O...
    棕蓝蓝阅读 1,241评论 0 1