1. 程式人生 > >vue使用axios傳送post請求(data為json格式)

vue使用axios傳送post請求(data為json格式)

安裝axios

cnpm install axios

在main.js中新增axios,此處注意axios外掛不同於其他,引用不能使用Vue.use();而是使用Vue.prototype.$axios = axios;

import axios from 'axios'
Vue.prototype.$axios = axios;

new Vue({
  axios
})

在method中新增post方法

 Post()
    {
      if(this.username == "" || this.password == "")
      {
        alert("輸入使用者名稱或者密碼")
      }
      else
      {
        this.$axios({
                 url: '',
                 method:'post',
                 //傳送格式為json
                 data:JSON.stringify({func:'query',
                                      param:['3aa3a1fe7fe987945c8a097fa5274d352609b65021de4f0f0f8a4027479e802d']}),
//                 headers:
//                        {
//                          'Content-Type': 'application/json'
//                        }
               }).then(function(return_data)
        {
          alert(return_data)
        },function(return_data)
        {
          //alert(return_data)
        });