启动node服务请求本地接口

2023-11-07

1.首先就是简单的安装配置node环境这里不做陈述
2.在自己电脑中新建一个文件夹
3.在文件夹里面创建一个app.js文件
4.打开命令行输入 npm init 创建package.json文件(配上npm init 选项)

package name:                      你的项目名字叫啥
version:                          版本号
description:                       对项目的描述
entry point:                      项目的入口文件(一般你要用那个js文件作为node服务,就填写那个文件,会默认到刚刚创建的app.js)
test command:                     项目启动的时候要用什么命令来执行脚本文件(默认为node app.js)
git repository:                    如果你要将项目上传到git中的话,那么就需要填写git的仓库地址(这里就不写地址了)
keywirds:                       项目关键字(不需要写)
author:                         作者的名字(你叫啥名字)
license:                        发行项目需要的证书(不需要写)

创建完成之后的目录
npm init好的目录

5.通过 npm install express --save 安装express模块
6.将下面的代码复制到app.js文件中

var express = require('express');
var app = express();

//设置跨域访问
app.all('*', function (req, res, next) {
    res.header("Access-Control-Allow-Origin", "*");
    res.header("Access-Control-Allow-Headers", "X-Requested-With");
    res.header("Access-Control-Allow-Methods", "PUT,POST,GET,DELETE,OPTIONS");
    res.header("X-Powered-By", ' 3.2.1');
    res.header("Content-Type", "application/json;charset=utf-8");
    next();
});



var questions = [
    {
        data: "摸鱼摸鱼",
        num: "摸鱼摸鱼",
        age: "摸鱼摸鱼"
    },
    {
        data: "摸鱼摸鱼",
        num: "摸鱼摸鱼",
        age: "摸鱼摸鱼"
    }];

//写个接口moyu
app.get('/moyu', function (req, res) {
    res.status(200),
        res.json(questions)
});

//配置服务端口
var server = app.listen(3000, function () {

    var host = server.address().address;

    var port = server.address().port;

    console.log('Example app listening at http://%s:%s', host, port);
})

7.启动服务
node app.js
在这里插入图片描述
8.浏览器地址栏访问接口http://127.0.0.1:3000/moyu
在这里插入图片描述
9.在html发起请求,创建index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>

    <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js">
    </script>
    <script>
        $.ajax({
            type: 'get',
            url: 'http://127.0.0.1:3000/moyu',
            success: function (data) {
                console.log(data);
            },
            error: function () {
                console.log('error');
            }
        })
    </script>
</body>

</html>

在这里插入图片描述
有哪里不懂的随时联系博主哦

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

启动node服务请求本地接口 的相关文章

随机推荐

  • pydantic学习与使用-1.pydantic简介与基础入门

    前言 版本文档 v1 9 0 使用 python 类型注释的数据验证和设置管理 pydantic在运行时强制执行类型提示 并在数据无效时提供用户友好的错误 定义数据应该如何在纯粹的 规范的 python 中 并使用 pydantic 对其进
  • u-boot移植详细文档

    本文转载至 http blog chinaunix net uid 9672747 id 3590141 html 一 Boot Loader的概念和功能 二 U boot简介 三 开发环境准备 四 U boot的使用 一 四 U boot
  • celery的使用(最新详细解析)

    celery的使用 最新详细解析 一 Celery简介 Celery是一个简单 灵活且可靠的 处理大量消息的分布式系统 专注于实时处理的异步任务队列 同时也支持任务调度 Celery的架构由三部分组成 消息中间件 message broke
  • idea和eclipse常用快捷键

    删除光标所在行代码 idea快捷键 Ctrl y eclipse快捷键 Ctrl D 复制光标所在行代码 或者鼠标选中的代码 idea快捷键 Ctrl D eclipse快捷键 Ctrl Alt 上下键 切换代码大小写 idea Ctrl
  • springboot玩转jsp

    又到了一年一度年底扫福时间 闲着没事 把springboot官方文档看了一遍 可能年后有两个小的项目需要改造 想试试把ssm的架构改为springboot mybatis 但是又不想舍弃掉jsp 虽然官方不建议使用 更推荐thymelea
  • 基于protobuf的RPC实现

    google protobuf只负责消息的打包和解包 并不包含RPC的实现 但其包含了RPC的定义 假设有下面的RPC定义 service MyService rpc Echo EchoReqMsg returns EchoRespMsg
  • 量化投资学习-33:兼听则明,偏听则暗,多种指标综合适用-2

    每个指标都有自己的底部信号和顶部信号 各种指标组合 综合才形成了各种 战法 各种战法又有一定的适用条件 上升时期或下降时期或震荡时期 各种战法又有一定的操作指示 买入或卖出 本文列出各种指标的底部信号和顶部信号 类型 指标名称 原理 上升趋
  • Android面试题-架构MVC/MVP/MVVM

    Android面试题 架构MVC MVP MVVM 包括MVC MVP MVVM的介绍和优缺点 以及组件化 模块化的概念问题 本文是我一点点归纳总结的干货 但是难免有疏忽和遗漏 希望不吝赐教 转载请注明链接 https blog csdn
  • C语言基础入门48篇_48_文件的写入与读取(fwrite()文件的读取、fread()文件的写入、文件的读取与写入实质即为信息在磁盘与内存直接转换、核心问题:数据在磁盘哪?数据在内存哪?多少数据?)

    fread与fwrite 从信息的转换角度看 文件的读取与写入 其实就是信息在文件介质 磁盘 与内存之间进行转换 文件读取 fread 就是将磁盘中的文件内容 读取进内存中 而文件写入 fwrite 就是将内存中的内容 写入到磁盘中 那么他
  • H.264中的SPS和PPS

    http blog csdn net qingkongyeyue article details 54023323
  • kibana连接ES集群

    Kibana is served by a back end server This setting specifies the port to use server port 5601 Specifies the address to w
  • gin 六.重定向路由重定向与请求转发

    目录 一 重定向与请求转发基础解释 二 重定向 gin Context Redirect 内部 外部重定向 路由重定向 三 请求转发 一 重定向与请求转发基础解释 重定向和请求转发是两种常见的HTTP请求处理方式 它们都可以实现将请求从一个
  • MAC PS更换登记照背景颜色

    1 导入图片 用快速选择工具或魔棒选择人物头像 然后反向选择 按delete键就可以将背景颜色去掉 2 将图片复制为一个新的图层 3 再新建一个图层 用油漆桶工具将该图层变成任意你想要的颜色 4 将步骤2的图层拖到步骤3的图层上 就基本完成
  • Windowns编译OpenSSL

    前言 开发过程中需要上传数据 URL是https的 Qt默认是http网络请求 访问https需要用到SSL认证 而Qt默认不支持 需要自己编译OpenSSL库 一 下载OpenSSL 环境 Qt 5 12 2 MSVC 2017 32bi
  • nginx代理配置两个前端,共用一个后端

    找到你的nginx 配置文件 find name nginx conf 一般是在 conf d nginx conf里配置 需要添加一个端口 把配置文件替换成修改后的 nginx t 检查是否有错 重启配置文件 nginx s reload
  • 树莓派 4B 多串口配置

    0 实验准备以及原理 0 1 实验准备 安装树莓派官方系统的树莓派 4B 有 python 环境 安装了 serial 库 杜邦线若干 屏幕或者可以使用 VNC 进入到树莓派的图形界面 0 2 原理 树莓派 4B 有 UART0 PL011
  • WebService问题,故障及相应解决方法

    WebService是一种常见的SAP与其他系统集成的接口方式 这里记录下遇到的一些问题 故障和解决方法 备查和分享 1 调用WebService接口时 报错 SoapFaultCode 3 MustUnderstand headers h
  • java设计模式 连续处理_Java 设计模式(12) —— 状态模式

    一 状态模式 能根据内部状态的变化 改变对象的行为 看起来好像修改了类 状态模式 二 示例 智能糖果机 需要设计一款自助购买的糖果机 糖果机的状态有 准备使用 接下来可投入硬币 投入硬币 接下来可摇动把手或者退出硬币 售出糖果 接下来可恢复
  • 每天一个adb命令:screen 命令详解

    screen命令分为截屏screencap命令及录制视频screenrecord命令 screencap命令 sage screencap hp d display id FILENAME h this message p save the
  • 启动node服务请求本地接口

    1 首先就是简单的安装配置node环境这里不做陈述 2 在自己电脑中新建一个文件夹 3 在文件夹里面创建一个app js文件 4 打开命令行输入 npm init 创建package json文件 配上npm init 选项 package