鍍金池/ 問答/HTML/ vue中使用axios 傳參不要對象怎么做?

vue中使用axios 傳參不要對象怎么做?

我用axios傳過去的數(shù)據(jù)是這樣的,但我不需要{},就是圖中紅色圈起來部分

clipboard.png

這是用ajax得到的,是我希望傳過去的形式

clipboard.png
我要怎么設(shè)置axois 啊
這是我axios的代碼

clipboard.png

回答
編輯回答
青黛色

...你把{}去掉不就好咯

2018年8月11日 09:40
編輯回答
來守候

參考這個https://segmentfault.com/q/1010000011881408?_ea=2795421

最近怎么這么多問axios的啊,而且你在params外面加了個{}是不行的。

2017年11月4日 17:53
編輯回答
孤星

使用qs模塊進(jìn)行序列化

npm install qs -S

//POST傳參序列化(添加請求攔截器)
Axios.interceptors.request.use(
  config => {
    // 在發(fā)送請求之前做某件事
    if (
      config.method === "post"
    ) {
      // 序列化
      config.data = qs.stringify(config.data); // ***** 這里轉(zhuǎn)義
    }

    // 若是有做鑒權(quán)token , 就給頭部帶上token
    if (localStorage.token) {
      config.headers.Authorization = localStorage.token;
    }
    return config;
  },
  error => {
    Message({
      //  餓了么的消息彈窗組件,類似toast
      showClose: true,
      message: error,
      type: "error.data.error.message"
    });
    return Promise.reject(error.data.error.message);
  }
);
2017年9月3日 23:39
編輯回答
愿如初

參數(shù) params外面不能直接加{},字符串和變量不能直接寫一起啊。去掉外層的括號就好了吧

2018年9月3日 20:24
編輯回答
尋仙

標(biāo)準(zhǔn)解決方式

import axios from 'axios'
import promise from 'es6-promise'
import Qs from 'qs'
// promise 兼容
promise.polyfill()
// 請求頭
axios.defaults.headers = {
  'Content-Type': 'application/x-www-form-urlencoded'
}
// 兼容form-data方式進(jìn)行數(shù)據(jù)轉(zhuǎn)換 ->推薦'application/json'
axios.defaults.transformRequest = [function (data) {
  data = Qs.stringify(data)
  return data
}]

引入qs包對數(shù)據(jù)做序列化處理Qs.stringify(data)

2017年5月14日 18:07
編輯回答
念初

確定傳入的參數(shù)params是對象,post函數(shù)的第二個參數(shù){params} 去掉{}號 還有建議樓主下次代碼不要截圖 復(fù)制一下貼上來比較合適

2017年2月5日 04:46