vue中使用axios后post请求注意事项

定义局部“qs”
注意:引入import qs from "qs"; 第三方库对请求参数进行转换,否则不通过
<script>
  import  qs from  "qs";
    export default {
        name: "posts",
      data(){
          return {
          }
      },
      created() {
          this.$axios.post("http://www.wwtliu.com/sxtstu/blueberrypai/login.php",qs.stringify({
            user_id:"[email protected]",
            password:"iwen123",
            verification_code:"crfvw"
          }))
            .then(res=>{
              console.log(res.data);
            })
            .catch(error =>{
              console.log
            })

      }
    }
</script>

定义全局"qs"可使用拦截器

import qs from "qs";

// 添加请求拦截器
Axios.interceptors.request.use(function (config) {
  if(config.method == "post"){
    config.data=qs.stringify(config.data)
  }

  // 在发送请求之前做些什么
  alert(config);
  console.log("这是请求:" + config);
  return config;
}, function (error) {
  // 对请求错误做些什么
  console.log("这是响应:" + error);
  return Promise.reject(error);
});

// 添加响应拦截器
Axios.interceptors.response.use(function (response) {
  // 对响应数据做点什么
  return response;
}, function (error) {
  // 对响应错误做点什么
  return Promise.reject(error);
});

猜你喜欢

转载自blog.csdn.net/qq_25635139/article/details/87368362