【記錄一次坑經歷】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一樣了

 

哇 成功了.

嗯 到底是為什么....

到底是為什么....

為什么....

么....

....