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>

第五步：在命令行中，启动服务器

在这里插入图片描述

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

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

在这里插入图片描述

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

注意页面文件的路径

在这里插入图片描述

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

Promise相关内容（二）——实例：启动本地服务器&打开页面

相关文章