vue使用axios

安装

npm install vue-axios --save

npm install qs.js --save    //把json格式转换为data需要的格式

注册全局变量

在src下main.js中

import Vue from 'vue'
import axios from 'axios'
import qs from 'qs'
Vue.prototype.$http = axios    //全局注册,使用方法为:this.$http
Vue.prototype.qs = qs           //全局注册,使用方法为:this.qs

实例

this.$http.post("http://www.fenxiao.com/index.php",this.qs.stringify({
    type: 'getSoftware'
}))
  .then((response)=> {
    this.softwares = response.data
 })
  .catch((error)=> {
    console.log(error)
  })

我这里如果不用qs的话,post请求就会报错,往后台传的数据是一串乱码,get方式没问题

这里还遇到了跨域问题

在后台添加了

header('Access-Control-Allow-Origin: *');

 

posted @ 2020-07-29 09:34  张永峰z  阅读(395)  评论(0编辑  收藏  举报