首页 > 其他 > 详细

搭建简易express后台服务

时间:2020-11-04 21:05:21      阅读:23      评论:0      收藏:0      [点我收藏+]

在搭建服务之前,确保电脑有node环境,如果没有安装node,则需要安装node(可以搜索node安装教程),这里提一下,node可以直接运行js文件。

1. 安装express

npm i  express --save

当前express版本: "express": "^4.17.1"

2. 新建server.js文件(此文件作为服务文件)

 1 const express = require(‘express‘)
 2 const app = express()
 3 const port = 3000
 4 
 5 app.get(‘/hello‘, function (req, res) {
 6   res.end(`好好学习天天向上`)
 7 })
 8 app.listen(port, () => {
 9   console.log(`demo is listening on port ${port}`)
10 })

3. 运行文件:

node server.js

这里需要简单说一下

 因为server.js文件在根目录下,所以可以直接使用命令node server.js运行文件,即/server.js

如果server.js在根目录文件src文件夹下,则使用node src/server.js.

总结:使用node运行文件,命令为 node + 文件地址

运行结果:

PS E:\coding> node server.js
demo is listening on port 3000

这时,我们就开启了3000服务端口

 4. 简单的写一个index.html文件请求3000请求(注意跨域问题)

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 
 4 <head>
 5   <meta charset="UTF-8">
 6   <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7   <title>Document</title>
 8 </head>
 9 
10 <body>
11   <script>
12     fetch(http://localhost:3000/hello).then(res => {
13       // return res.json()
14       return res.text()
15     }).then(res=>{
16       console.log(res)
17     })
18   </script>
19 </body>
20 
21 </html>

直接运行当前的文件,由于浏览器的同源策略,此时会报跨域的错

技术分享图片

 此时我们可以利用express托管静态文件,然后访问index.html(此时是与server.js在同一级文件夹下)

访问当前文件路径:http://localhost:3000/index.html,打开控制台,即可看见请求的3000端口返回的结果:

技术分享图片

到此,我们实现了一个简易的express后台服务

 

搭建简易express后台服务

原文:https://www.cnblogs.com/glmkeep/p/13917691.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!