node搭建服务器并且写一个简单的接口、调接口

最新推荐文章于 2024-06-28 13:56:54 发布

笨钟

最新推荐文章于 2024-06-28 13:56:54 发布

阅读量8.1k

点赞数 3

分类专栏： node 全栈

本文链接：https://blog.csdn.net/A_bet_of_three_years/article/details/81023041

版权

node 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

全栈

2 篇文章 0 订阅

订阅专栏

对于刚开始不会node写接口和调用接口，可以通过这个清晰的初步了解到整个过程。
1.在node官网https://nodejs.org/en/下载node.js
2.在自己电脑中新建一个文件夹，例如：D:/node
3.在该新建的文件夹中，打开命令行窗口（shift+右击）
$npm init 创建package.json文件 4.通过$ npm install express –save 安装express模块，后面要用到的
5.在node文件夹中新建app.js文件，将下面的代码复制到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:213,
num:444,
age:12
},
{
    data:456,
    num:678,
    age:13
    }];

    //写个接口123
    app.get('/123',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);
    })

6.在命令行中，运行$ node app.js
这里写图片描述
7.在浏览器地址栏输入localhost:3000/123

8.调用接口
新建文件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://localhost:3000/123',
        success:function(data){
        console.log(data);
        },
        error:function(){
        console.log('error');
        }
        })    
    </script>
</body>
</html>

9.在浏览器中打开index.html
这里写图片描述

注：每次修改了app.js,调用接口需要重新运行一下$ node app.js

笨钟

关注

3
点赞
踩
23

收藏

觉得还不错? 一键收藏
2
评论
node搭建服务器并且写一个简单的接口、调接口

对于刚开始不会node写接口和调用接口，可以通过这个清晰的初步了解到整个过程。 1.在node官网https://nodejs.org/en/下载node.js 2.在自己电脑中新建一个文件夹，例如：D:/node 3.在该新建的文件夹中，打开命令行窗口（shift+右击） npminit创建package.json文件4.通过npminit创建package.json文件4.通过 n...
复制链接

扫一扫

专栏目录