【记录一次坑经历】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一样了

 

哇 成功了.

嗯 到底是为什么....

到底是为什么....

为什么....

么....

....