【vue】Vue中axios请求:

2021-5-28记录：

// 两种写法等价

let fd = new FormData();
fd.append('file', file);

// 写法1：
return axios.post(`${pre}/upload`, fd, {headers: { "Content-Type": "multipart/form-data" }})

// 写法2：
return axios({
    method: "post",
    url: `${pre}/upload`,
    headers: { "Content-Type": "multipart/form-data" },
    data: fd
})

局部配置：

this.$http
	.post(
		"/rest/search1",
		{
			header: {
				"Content-Type": "application/x-www-form-urlencoded"
			}
		},
		params
	)
	.then(res => {
		console.log(res);
	});

全局配置：
main.js中

axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';

axios请求设置请求头

//  表单传参 query ，请求头Content-Type": "multipart/form-data
let params = {
        id: this.$route.params.id,
        realAddress: this.formData.realAddress,
        realAddressLatitude: this.formData.realAddressLongitude,
        realAddressLongitude: this.formData.realAddressLatitude,
        sellerName: this.formData.sellerName
 };
const formData = new FormData();
for (let key in params) {
      formData.append(key, params[key]);
}


this.$http({
      headers: {
           "Content-Type": "multipart/form-data"
      },
      method: "put",
      url: "/wallChart/corp",
      data: formData
}).then( res=> {
           console.log(res)
        });

// 请求成功， 但是返回不对。
this.$http
                .put(
                    "/wallChart/corp",
                    {
                        header: {
                            "Content-Type": "multipart/form-data"
                        }
                    },
                    params
                )
                .then(res => {
                    console.log(res);
                });