配置 cors 跨域和解析表单数据的中间件

配置 cors 跨域

1. 运行如下的命令，安装 cors 中间件
   cnpm i cors@2.8.5 --save

2. 在 app.js 中导入并配置 cors 中间件
   // 导入 express 模块
   const express = require(‘express’)

   // 创建 express 的服务器实例
   const app = express()
   
   // 导入 cors 中间件
   const cors = require('cors')
   // 将 cors 注册为全局中间件
   app.use(cors)
   
   // 指定端口并启动 web 服务器
   app.listen(8000, () => {
     console.log('api server running at http://127.0.0.1:8000')
   })
   

3 配置解析表单数据的中间件

1. 配置解析 application/x-www-form-urlencoded 格式的表单数据的中间件
   app.use(express.urlencoded({ extended: false }))

2. 完整代码
   // 导入 express 模块
   const express = require(‘express’)

   // 创建 express 的服务器实例
   const app = express()
   
   // 导入 cors 中间件
   const cors = require('cors')
   // 将 cors 注册为全局中间件
   app.use(cors)
   
   // 配置解析 application/x-www-form-urlencoded 格式的表单数据的中间件
   app.use(express.urlencoded({ extended: false }))
   
   // 指定端口并启动 web 服务器
   app.listen(8000, () => {
     console.log('api server running at http://127.0.0.1:8000')
   })