在使用axios post 和put方法时候,提交了数据但是查看数据的时候发现提交的是空的,这里就需要2点地方需要注意
1.和后台协商post,put请求方法的请求头设置为Content-Type:application/x-www-form-urlencoded
2.在main.js中引入(若引入后报错,那就下载一个npm install qs )
import qs from 'qs'
此库是post,put序列化数据使用的,接下来在拦截器里面设置全局方法针对post,put提交的数据进行序列化,代码如下
axios.interceptors.request.use(
config => {
if (config.method=='post'||config.method=='put'){
config.data=qs.stringify(config.data);
};
}
return config;
},
err => {
alert(err)
return Promise.reject(err);
});
npm run dev重启下, 这里我们就可以正常提交了。