使用vue-resource时，往headers里添加token后，post方法会自动变成options？

Question

  Vue.http.interceptors.push(function () {
      return {

          request: function (request) {
              var tokenVal = sessionStorage.getItem("token");
              if(tokenVal) {
                request.beforeSend = function() {
                  request.headers['token'] = tokenVal
                }
              }
              return request;    
          },

          response: function (response) {
              return response;
          }

      };
  });

Vue.http.headers.common['token'] = tokenVal;

两种方式都是同样效果

往headers里添加了token后，之前使用的post方法自动变成了options

为什么会这样子？求解释！谢谢

Answer 1

预请求 option

加了自定义请求头 token ，变成了 option 方法，后端不支持 option ，然后报错了

Answer 2

是因为跨越的问题，基本上无论什么请求都会先向服务端发送OPTIONS请求，看服务端开放了哪些方法，针对你的路径，还有就是查看服务端是否允许跨域。如果都通过的话，那么第二遍才是真正的请求。

Answer 3

 headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
          }

在post里加上以上代码即可