Axios使用Post传String出现额外双引号或冒号、等号的解决方法

Geinü

已于 2022-05-16 23:03:36 修改

阅读量9.7k

点赞数 15

分类专栏： Vue Axios 文章标签： vue.js typescript

于 2022-04-13 10:54:31 首次发布

本文链接：https://blog.csdn.net/weixin_43852792/article/details/124142601

版权

Vue 同时被 2 个专栏收录

1 篇文章 0 订阅

订阅专栏

Axios

1 篇文章 0 订阅

订阅专栏

本文讲述了Vue开发者在调用后端接口时遇到字符串格式问题，通过Github找到解决方案：将Axios的Content-Type从application/json改为text/plain，以避免JSON解析导致的额外字符。重点在于理解字符串不是有效JSON导致的解析错误。

摘要由CSDN通过智能技术生成

本Vue菜鸟近日接手一个Vue项目的拓展，在对接后端接口的时候在用Axios传String的时候发现后端收到的字符串无端端多了个等号或者一组双引号、顿号。翻了几百个论坛都没找到答案，但最后在Github上找到了.
原帖地址

后端接口代码

public Result login(@RequestBody String account, HttpSession session)

Typescript代码

login({ commit }, userInfo) {
    const { qq } = userInfo
    return new Promise((resolve, reject) => {
      login(qq).then(response => {
        const { data } = response
        commit('SET_USERNAME', data.username)
        commit('SET_NICKNAME', data.nickname)
        commit('SET_AVATAR', data.avatar)
        commit('SET_EMAIL', data.email === null ? '' : data.email)
        commit('SET_SEX', data.sex)
        sessionStorage.setItem('username', data.username)
        resolve()
      }).catch(error => {
        reject(error)
      })
    })
  }

Axios代码

export function login(data) {
  return request({
    url: '/user/QQ/login',
    method: 'post',
    headers: {
      'Content-Type': 'application/json'
    },
    data
  })
}

更正方法

将Axios中的Content-Type改成text/plain即可

export function login(data) {
  return request({
    url: '/user/QQ/login',
    method: 'post',
    headers: {
      'Content-Type': 'text/plain'
    },
    data
  })
}