エクスプレスを介してサーバのバックエンドインターフェイスを作成するためのAPI []

エクスプレスを介してサーバのバックエンドインターフェイスを作成するためのAPI []

1.ステップ

1.足場でプロジェクトを作成します。

const express = require('express');

const router = express.Router();

module.exports = router 

2.インターフェイスを作成します。

• インターフェイスは、ルーティングされます
• ルールに従うようにインターフェースを作成します。安らかAPI

今の主流は、

//接口只有一个，但是数据请求方式多个
http://localhost:3000/shop
  get请求    查询
  post请求   增加一个商品
  delete请求 删除一个商品
  put 请求 修改一个商品信息

• 実際には、底部または削除入れます

3.インタフェーステスト

• 1.テストするためのテストツールを使用します
  • 郵便配達
  • insomina [いいえ、インストールは、リスト上の次のされていません]
• 2.フロントエンドインターフェースデータ要求
  • フロントエンド：http://127.0.0.1:5500/day03/code/1-express/02_front_end/index.html 
  • バックエンド：HTTP：// localhostを：3000 /位置 

問題へのクロスドメインソリューション

• リクエストヘッダ[PHPのJavaノードを設定します。。。]
  • 削除置くと、クロスドメインリクエストヘッダでは達成できません
  • ポストを得ることができます
• 使用するサードパーティ製ミドルウェア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ミドルウェア