简述HTTP协议中的CONTENT-TYPE和ACCEPT的关系

首先要先介绍一下Http协议中的两个“头”，一个是Request Header，另一个是Response Header。

详情请参见： HTTP Headers

Request Header

客户端发起请求时，用来附加一些信息给服务器，称之为请求头。

Response Header

服务器响应请求时，用来附加一些信息给客户端，称之为响应头。

Accept 和 Content-Type

• Accept 是请求头中的一个字段

• Content-Type是响应头中的一个字段。

  在特定条件和浏览器版本中，Accept会被赋予默认值，具体值请参见：Accept默认值。

  而Content-Type由后端服务器设置它的值，不设置的话通常默认为text/plain。在此不做详述。

在一般情况下，服务器会根据Accept的值，来决定返回的数据的类型，并设置Content-Type，通常Content-Type的值和Accept的第一个值相等。

AngularJS 1.5中的例子

在AngularJS 1.5中，$http默认的Accept被设置为application/json, text/plain, */*，
见Angular源码第10288行：

headers: {
  common: {
    'Accept': 'application/json, text/plain, */*'
  },
  post:   shallowCopy(CONTENT_TYPE_APPLICATION_JSON),
  put:    shallowCopy(CONTENT_TYPE_APPLICATION_JSON),
  patch:  shallowCopy(CONTENT_TYPE_APPLICATION_JSON)
},

在$http请求结束后，angular会判断服务器返回的data值是否为JSON形式的字符串，如果是的话，将会进行一次JSON格式化。从而确保即使后端服务器返回的Content-Type值为text/html，也能将其正常解析为JSON对象。
见Angular源码第10125行：

function defaultHttpResponseTransform(data, headers) {
  if (isString(data)) {
    // Strip json vulnerability protection prefix and trim whitespace
    var tempData = data.replace(JSON_PROTECTION_PREFIX, '').trim();

    if (tempData) {
      var contentType = headers('Content-Type');
      if ((contentType && (contentType.indexOf(APPLICATION_JSON) === 0)) || isJsonLike(tempData)) {
        data = fromJson(tempData);
      }
    }
  }

  return data;
}