【记录一次坑经历】axios使用x-www-form-urlencoded 服务器报400（错误的请求。 ）（后端.Net MVC5 WebApi OAuth，前端Electron-Vue）

• 首先放上源码

electron-vue axios 注册

import vue from 'vue'

import axios from 'axios'

 

axios.defaults.baseurl = 'http://localhost:8888/'

axios.defaults.headers.post['content-type'] = 'application/x-www-form-urlencoded;charset=utf-8';
axios.defaults.withcredentials = true

vue.prototype.axios = axios

• axios 请求 

        this.axios({
          method: 'post',
          url: '/token',
          data: {
            grant_type: 'password',
            username: '11219000'
          },
        }).then(function (response) {
          console.log(response.data);
        }).catch(function (error) {
          console.log(error);
        });

• 请求错误 情况截图：

400（错误的请求。 ）

• 正常postman截图：

axios的request body 错了 

下面用ajax测试下：

• 在请求头x-www-form-urlencoded下，ajax传的 from data是字符串，而axios传的是json

我不知道了为什么，但传字符串好像能行，传对象会变成json，传字符串就和ajax一样了

 

哇 成功了.

嗯 到底是为什么....

到底是为什么....

为什么....

么....

....