項目接口返回
code: 500
data: null
message: “Content type ‘application/x-www-form-urlencoded;charset=UTF-8’ not supported”

原因在于，接口不支持application/x-www-form-urlencoded;charset=UTF-8

通過看swagger的接口傳遞數據類型來修改，
將axios的請求頭配置為

headers: {'X-Requested-With': 'XMLHttpRequest','Content-Type': 'application/json; charset=UTF-8'}

request.js

import axios from 'axios' import qs from 'qs' import router from '../../router' axios.defaults.timeout = 65000; window.axiosCancel = [] ; // 全局定義一個存放取消請求的標識 axios.interceptors.request.use(config => {config.cancelToken = new axios.CancelToken(cancel => {window.axiosCancel.push({cancel})})// loadingreturn config// 添加取消標記}, error => {return Promise.reject(error) }) axios.interceptors.response.use(response => {return response }, error => {return Promise.resolve(error.response) }) export function checkStatus(response) {// loading// 如果http狀態碼正常，則直接返回數據//console.log(response)if (response && (response.status === 200 || response.status === 304 || response.status === 400)) {return response.data// 如果不需要除了data之外的數據，可以直接 return response.data}// 異常狀態下，把錯誤信息返回去return {status: -404,message: '網絡請求失敗，請稍后重試！'} } export function checkCode(res) {//console.log(res)// 如果code異常(這里已經包括網絡錯誤，服務器錯誤，后端拋出的錯誤)，可以彈出一個錯誤提示，告訴用戶// if (res.status == -404) {// //alert(res.msg)// Message.error({// message: res.return_message,// center: true// });// }if (res.code && res.code != '0') {if (res.code == '401') {router.push({path: '/login'})}}return res } export function MyPostToken(url, data, token) {// data.timestap = Date.now()return axios({method: 'post',//baseURL: 'https://cnodejs.org/api/v1',url,data: qs.stringify(data),timeout: 65000,headers: {'X-Requested-With': 'XMLHttpRequest','Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8','token':token ? token:''}}).then((response) => {return checkStatus(response)}).then((res) => {return checkCode(res)}) } export function MyPostUploadPic(url, data, upload_token) {// data.timestap = Date.now()return axios({method: 'post',url,data: data,timeout: 65000,headers: {Accept: '*/*',Authorization: 'UpToken' + ' ' + upload_token,'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'}}).then((response) => {return checkStatus(response)}).then((res) => {return checkCode(res)}) } export function MyPostQs(url, data) {data.timestap = Date.now()return axios({method: 'post',//baseURL: 'https://cnodejs.org/api/v1',url,data: qs.stringify(data),timeout: 65000,headers: {'X-Requested-With': 'XMLHttpRequest','Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'}}).then((response) => {return checkStatus(response)}).then((res) => {return checkCode(res)}) } export function MyPost(url, data) {data.timestap = Date.now()return axios({method: 'post',//baseURL: 'https://cnodejs.org/api/v1',url,data: data,timeout: 65000,headers: {'X-Requested-With': 'XMLHttpRequest','Content-Type': 'application/json;charset=UTF-8'}}).then((response) => {return checkStatus(response)}).then((res) => {return checkCode(res)}) } export function MyGet(url, params) {params.timestap = Date.now()return axios({method: 'get',//baseURL: 'https://cnodejs.org/api/v1',url,params, // get 請求時帶的參數timeout: 60000,headers: {'X-Requested-With': 'XMLHttpRequest'}}).then((response) => {return checkStatus(response)}).then((res) => {return checkCode(res)}) }

總結

以上是生活随笔為你收集整理的“Content type ‘application/x-www-form-urlencoded；charset=UTF-8‘ not supported“解决方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。