vue項目中 axios 的 post 請求使用 formdata 傳參

cppprimer 發布于2019-08-26 13:51 / 1819人閱讀

摘要：最近做的項目，后端用的接收參數。由于以前一直用的傳參，這塊還真沒怎么研究過。于是萬變不離其宗，看文檔咯。

最近做的項目，后端用的 formData 接收參數。
由于以前一直用的 payload 傳參，這塊還真沒怎么研究過。于是萬變不離其宗，看文檔咯。
方法很直接，人狠話不多：
進入 https://github.com/axios/axios 直接搜索 formData

看到如下：

所以說，直接修改全局配置，增加 transformRequest 配置處理就可以咯：

import axios from "axios"
import Qs from "qs"

let http = axios.create({
  transformRequest: [function (data, headers) {
    // Do whatever you want to transform the data
    return Qs.stringify(data);
  }],
})

好了，是不是so easy！只能再次說明：文檔很重要！

本質上說，formData 和 payload 的區別就是：前者是字符串，后者是一個 json 對象，所以在請求之前把參數用 Qs 模塊轉變成字符串就可以咯

GPU云服務器云服務器 vue 中使用 webrtc vue中使用webrtc ajax的post請求 js中使用ajax請求數據

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/109667.html

iMap | 一款基于 Electron 和 Vue 的跨平臺旅行地圖生成器

摘要：請求錯誤請求代碼封裝與基本一致，只是將換成即可。關于的使用是個能把組件的共享狀態抽取出來，當做一個全局單例模式進行管理。首先確保你的已經安裝，運行來安裝。項目地址：https://huangxizhou.com/project/iMap 技術棧 Vue.js Vuex Axios Webpack Leancloud（express） Echarts Electron（electr...

dingda 2019-08-21 17:03 評論0 收藏0
axios的使用

摘要：但是如果你想以的方式傳參，則需要做一點改變參考這里注意如果你的請求方法是，又規定了參數格式是，則必須要使用下面這些方法中的一種。 axios是vue官方推薦的http庫，詳情見官方中文文檔。安裝： npm install axios 安裝依賴： npm install --save axios vue-axios 配置模板： //main.js中 import Vue from vu...

lieeps 2019-08-22 16:23 評論0 收藏0
vue中axios請求的封裝

摘要：整合，最終得到的對象如下注意模塊名和沒有了，所以需要注意命名的唯一，以免覆蓋。如下，，由于我司后臺提供的接口大都是和，所以只考慮了這兩種請求方式在中創建一個，并在中引用發送請求 1.發送請求模塊目錄 showImg(https://segmentfault.com/img/bVbqjgU?w=203&h=180); 2.@/api/url中存放的是每個模塊的URL // 商品模塊 pr...

hover_lew 2019-08-23 16:18 評論0 收藏0
Vue開發總結及一些最佳實踐（已更新）

摘要：基本開發環境創建的項目，作為代碼編寫工具插件推薦插件配置文章目錄項目目錄結構介紹框架選擇處理請求二次封裝項目目錄結構簡介業務相關靜態文件全局組件基礎樣式布局樣式及工具引入請求配置路由全局狀態管理工具文件入口文件主要配置文件頁面檢查配置測試基本開發環境 vue-cli3 創建的項目，vscode 作為代碼編寫工具vscode插件推薦：vscode 插件配置文章目錄項目目錄結構介紹...

NotFound 2019-08-26 13:47 評論0 收藏0
七牛云上傳及上傳方法封裝

摘要：分片及七牛云上傳封裝項目里面用到七牛云，有分片和簡單上傳在此做下簡單的記錄，分享下面是分片上傳封裝是我寫在里面分片的大小如分片項目是框架，請求是。分片及七牛云上傳封裝項目里面用到七牛云，有分片和簡單上傳在此做下簡單的記錄，分享下面是分片上傳封裝 process.env.MAX_FILESIZE 是我寫在config里面分片的大小如1024102410 10MB分片項目是vue...

Muninn 2019-08-26 13:33 評論0 收藏0