Promise相关内容(二)——实例:启动本地服务器&打开页面

Promise相关内容(二)——实例:启动本地服务器&打开页面

第一步:新建文件夹myapi

第二步:在里面新建文件01.html和新建文件夹publice

第三步:在publice文件夹中新建文件index.js

内容如下:

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

// 启动静态资源服务
app.use(express.static('public'))

app.get('/data', (req, res) => {
  let info = {
    username: 'lisi',
    age: 12
  }
  // res.send('Hello World')
  res.json(info)
})

app.listen(3000, () => {
  console.log('running...')
})

第四步:在01.html中

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <div>Promise</div>
</body>
</html>

第五步:在命令行中,启动服务器

Promise相关内容(二)——实例:启动本地服务器&打开页面

第六步:打开页面进行验证

1、不挂文件会报错——localhost:3000

Promise相关内容(二)——实例:启动本地服务器&打开页面

2、验证成功,服务端执行——localhost:3000/01.html

注意页面文件的路径

Promise相关内容(二)——实例:启动本地服务器&打开页面

上一篇:Goland运行项目报错:CreateProcess error=216, 该版本的 %1 与你运行的 Windows 版本不兼容。请查看计算机的系统信息,然后联系软件发布者。


下一篇:每天一篇代码系列(1)