express框架介绍与安装

最新推荐文章于 2024-05-15 18:26:11 发布

码代码的阿篱

最新推荐文章于 2024-05-15 18:26:11 发布

阅读量363

点赞数

分类专栏：前端学习笔记文章标签： ajax javascript html

本文链接：https://blog.csdn.net/weixin_43937440/article/details/109125272

版权

前端学习笔记专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文介绍了Express框架的安装和基本使用，通过示例展示了如何创建一个简单的HTTP服务器，并监听8000端口。此外，还提供了一个Ajax GET请求的案例，利用Express设置响应头以允许跨域并返回'HELLOAJAX'。文章涵盖了从创建应用对象、定义路由到启动服务的整个流程，并指导读者在浏览器中查看运行结果。

摘要由CSDN通过智能技术生成

express框架介绍与安装

npm是一个nodejs下的一个包管理工具

通过npm安装express框架

安装命令：

npm i express

安装成功界面

在这里插入图片描述

express基本使用

//1.引入express
const express = require('express')

//2.创建应用对象
const app = express()

//3.创建路由规则
//此处的两个参数是形参，但是最好是使用request和response
//request是对请求报文的封装
//response是对响应报文的封装
app.get('/',(request,response)=>{
    // 设置响应
    response.send('HELLO EXPRESS');
});

// 4.监听端口启动服务
app.listen(8000,()=>{
    console.log("服务已经启动，8000 端口监听中....");
})

打开终端，查看运行结果

ctrl+~,进入到相应的目录

node + 文件名，运行

在这里插入图片描述

浏览器地址栏输入

http://127.0.0.1:8000

查看效果

在这里插入图片描述

按f12打开控制台

在这里插入图片描述

Ajax案例准备

新建文件目录如下

在这里插入图片描述

1-Get.html:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Ajax GET 请求</title>

    <style>

        #result{

            width:200px;

            height:100px;

            border: 1px solid #90b;

        }

    </style>

</head>

<body>

    <button>点击发送请求</button>

    <div id="result"></div>

</body>

</html>

server.js

//1.引入express
const express = require('express')

//2.创建应用对象
const app = express()

//3.创建路由规则
//此处的两个参数是形参，但是最好是使用request和response
//request是对请求报文的封装
//response是对响应报文的封装
app.get('/server',(request,response)=>{
    // 设置响应头，设置允许跨域
    response.setHeader('Access-Control-Allow-Origin','*');
    // 设置响应体
    response.send("HELLO AJAX")
});

// 4.监听端口启动服务
app.listen(8000,()=>{
    console.log("服务已经启动，8000 端口监听中....");
})

启动node

浏览器地址栏输入

http://127.0.0.1:8000/server

结果
在这里插入图片描述

码代码的阿篱

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
express框架介绍与安装

express框架介绍与安装npm是一个nodejs下的一个包管理工具通过npm安装express框架安装命令：npm i express安装成功界面express基本使用//1.引入expressconst express = require('express')//2.创建应用对象const app = express()//3.创建路由规则//此处的两个参数是形参，但是最好是使用request和response//request是对请求报文的封装//response是
复制链接

扫一扫

专栏目录