javascript - 后端接口传参需要添加请求头'application/x-www-form-urlencoded'，返回值默认是Text?

Question

在请求api中添加了

import request from '@/router/axios';
export const getOrde = (row) => {
  return request({
    headers: { 'content-type': 'application/x-www-form-urlencoded' },
    url: '/api/xlb',
    method: 'post',
    params:{...row}
  })
}

也在axios中添加了

axios.defaults.timeout = 10000;
  //返回其他状态吗
  axios.defaults.validateStatus = function (status) {
    return status >= 200 && status <= 500; // 默认的
  };
  //跨域请求，允许保存cookie
  axios.defaults.withCredentials = true;
  NProgress.configure({
    showSpinner: false
  });
  //HTTPrequest拦截
  axios.interceptors.request.use(config => {
  NProgress.start() // start progress bar
  const meta = (config.meta || {});
  const isToken = meta.isToken === false;
  config.headers['Authorization'] = `Basic ${Base64.encode(`${website.clientId}:${website.clientSecret}`)}`;
config.headers['Content-Type'] = 'application/x-www-form-urlencoded'
if (getToken() && !isToken) {
  config.headers['Blade-Auth'] = 'bearer ' + getToken() // 让每个请求携带token--['Authorization']为自定义key 请根据实际情况自行修改
}
//headers中配置serialize为true开启序列化
if (config.method === 'post' && meta.isSerialize === true) {
  config.data = new URLSearchParams(config.data).toString()//serialize(config.data);
}
return config
  }, error => {
return Promise.reject(error)
  });
  //HTTPresponse拦截
  axios.interceptors.response.use(res => {
NProgress.done();
const status = res.data.code || 200
const statusWhiteList = website.statusWhiteList || [];
const message = res.data.msg || '未知错误';
//如果在白名单里则自行catch逻辑处理
if (statusWhiteList.includes(status)) return Promise.reject(res);
//如果是401则跳转到登录页面
if (status === 401) store.dispatch('FedLogOut').then(() => router.push({path: '/login'}));
// 如果请求为非200否者默认统一处理
if (status !== 200) {
  Message({
    message: message,
    type: 'error'
  })
  return Promise.reject(new Error(message))
}
return res;
  }, error => {
NProgress.done();
    return Promise.reject(new Error(error));
  })

  export default axios;

返回值是TEXT格式 用Postman 将text切换成Json才能显示文字

这种怎么获取响应值呢？

Answer 1

你图里返回的TEXT文本是正确的，只不过是中文的unicode表示而已，应该是后端返回的时候没有指定字符集编码,postman默认用原始unicode表示了
比如：\u4f5c 就是中文里的 "作"
返回值是什么类型应该由后端决定，并且给出返回的字符集编码方式，比如Java的SpringMVC写法:

@ResponseBody
@PostMapping(value = "/xxx", produces = "text/html;charset=UTF-8")
public String xxx(@RequestBody String requestJson) throws Exception {
}

这样一来返回的数据应该就是正常显示的中文了

Answer 2

后端不改的话，倒是也可以解析，包在双引号里面，用 JSON.parse 解析就行了。

console.log(JSON.parse(`"\u4f5c\u4e3a"`))

Answer 3

返回值是后端给的，格式不正确得和后端说，让他给成你需要的格式。