使用Express处理请求和托管静态资源方式

npm i express

// 1. 导入 express
const express = require('express')
// 2. 创建 web 服务器
const app = express()


// 4. 监听客户端的 GET 和 POST 请求，并向客户端响应具体的内容
// req:请求对象（包含了与请求相关的属性与方法）
// res:响应对象（包含了与响应有关的属性和方法）
app.get('/user', (req, res) => {
  // 调用 express 提供的 res.send() 方法，向客户端响应一个 JSON 对象
  res.send({ name: 'zs', age: 20, gender: '男' })
})
app.post('/user', (req, res) => {
  // 调用 express 提供的 res.send() 方法，向客户端响应一个 文本字符串
  res.send('请求成功')
})
app.get('/', (req, res) => {
  // 通过 req.query 可以获取到客户端发送过来的 查询参数
  // 注意：默认情况下，req.query 是一个空对象
  console.log(req.query)
  res.send(req.query)
})
// 注意：这里的 :id 是一个动态的参数
app.get('/user/:ids/:username', (req, res) => {
  // req.params 是动态匹配到的 URL 参数，默认也是一个空对象
  console.log(req.params)
  res.send(req.params)
})

// 3. 启动 web 服务器
app.listen(80, () => {
  console.log('express server running at http://127.0.0.1')
})

app.use(express.static('public'))

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

// 在这里，调用 express.static() 方法，快速的对外提供静态资源
app.use('/files', express.static('./files'))
app.use(express.static('./clock'))
//当相对路径报错的时候，换成绝对路径即可
//app.use(express.static(path.join(__dirname, './clock')))

app.listen(80, () => {
  console.log('express server running at http://127.0.0.1')
})

app.use('/files', express.static('./files'))
app.use(express.static('./clock'))

app.use('/public', express.static('public'))