1.CORS 的分類

分為兩大類：簡單的請求；帶有preflight預請求的CORS。兩類請求的區分標準如下：

簡單請求

某些請求不會觸發 CORS 預檢請求。本文稱這樣的請求為“簡單請求”。若請求滿足所有下述條件，則該請求可視為“簡單請求”：

 1. 使用下列方法之一： GET HEAD POST 
 2. Fetch 規範定義了對 CORS 安全的首部欄位集合，不得人為設定該集合之外的其他首部欄位。該集合為： Accept Accept-Language Content-Language Content-Type （需要注意額外的限制） DPR Downlink Save-Data
 
 Viewport-Width Width  
 3. Content-Type 的值屬於下列之一： application/x-www-form-urlencoded multipart/form-data text/plain

剩下的都是，帶有preflight的CORS。帶有preflight的CORS ，瀏覽器會先發出一個 OPTIONS請求，伺服器在響應裡寫入是否允許該域名發起訪問，在response的header裡面加入了Access-Control-Allow-Origin,Access-Contral-Allow-Methods,Access-Contraol-Allow-Headers,Access-Control-Max-Age,這幾個欄位（各個欄位詳細意義參見

2.進行帶有身份憑證的CORS 請求

預設情況下的跨域請求都是不會把cookie傳送給伺服器的，在需要傳送的情況下，如果是xhr，那麼需要設定xhr.withCredentials = true,如果是採用fetch獲取的話，那麼需要在request裡面設定 credentials:'include', 但是如果伺服器在預請求的時候沒返回Access-Control-Allow-Crenditials:true的話，那麼在實際請求的時候，cookie是不會被髮送給伺服器端的，要特別注意對於簡單的get請求，不會有預請求的過程，那麼在實際請求的時候，如果伺服器沒有返回Access-Control-Allow-Crenditials:true

3.fetch的配置

import {
  baseUrl
} from '../../config/env.config.js'
import {formDataToJson} from '../../utils/form.js';
import * as es6Promise from 'es6-promise'
import 'isomorphic-fetch'

es6Promise.polyfill();

export default async(type = 'GET', url = '', data = {}) => {

  type = type.toUpperCase();
  url = baseUrl + url;

  if (type == 'GET') {
    let dataStr = ''; //資料拼接字串
    Object.keys(data).forEach(key => {
      dataStr += key + '=' + data[key] + '&';
    })

    if (dataStr !== '') {
      dataStr = dataStr.substr(0, dataStr.lastIndexOf('&'));
      url = url + '?' + dataStr;
    }
  }
  if (type == 'DELETE') {
    url = url + "/" + data.id;
  }

  let requestConfig = {
    credentials: 'include',
    method: type,
    headers: {
      'Accept': 'application/json',
      'Content-Type' : 'application/json'
    },
    mode: "cors",
    cache: "force-cache"
  }

  if (type == 'POST') {
    if (window.FormData && data instanceof FormData) {
      Object.defineProperty(requestConfig, 'body', {
        value: formDataToJson(data)
      })
    } else {
      Object.defineProperty(requestConfig, 'body', {
        value: JSON.stringify(data)
      })
    }

  }

  try {
    var response = await fetch(url, requestConfig);
    var responseJson = await response.json();
  } catch (error) {
    throw new Error(error)
  }
  return responseJson

}