經過express來打造api服務器【 後端接口 】

經過express來打造api服務器【 後端接口 】

1.步驟

1.經過腳手架建立項目

const express = require('express'); const router = express.Router(); module.exports = router 

2.建立接口

• 接口就是路由
• 接口的打造要遵循一個規則：restful api

如今主流的是

//接口只有一個，可是數據請求方式多個 http://localhost:3000/shop get請求 查詢 post請求 增長一個商品 delete請求 刪除一個商品 put 請求 修改一個商品信息

• put delete 其實底層仍是get

3.接口測試

• 1.使用測試工具來測試
  • postman
  • insomina【安裝無要求，一直next就行】
• 2.前端進行接口數據請求
  • 前端： http://127.0.0.1:5500/day03/code/1-express/02_front_end/index.html
  • 後端： http://localhost:3000/position

跨域問題解決方案

• 設置請求頭【php java node 。。。】
  • put delete 沒法用請求頭實現跨域
  • get post 能夠
• 使用中間件 cors 【第三方模塊】
  • 安裝
    • $ npm i cors --save/-S
  • 使用
    • 在app.js裏設置

var cors = require('cors');


// 統一設置跨域 app.use(cors({ "origin": "*", "methods": "GET,HEAD,PUT,PATCH,POST,DELETE", "preflightContinue": false, "optionsSuccessStatus": 200 })); 

關於跨域

• 前端跨域
  • jsonp
  • 反向代理
• 後端跨域
  • 設置請求頭
  • cors中間件