70. vue axios 请求方式-默认请求

你要用axios 肯定要先安装框架的,所以这里npm安装框架:

npm install axios --save

 

http://www.httpbin.org/  这个网站是给我们测试请求那些用的,,,非常良心  推荐测试用这个可以。

 

安装后直接导入 然后直接用即可:【下面演示最简单的交互 默认GET 请求】

70. vue axios 请求方式-默认请求
import Vue from ‘vue‘
import App from ‘./App.vue‘
import router from ‘./router‘
import store from ‘./store‘   
import axios from ‘axios‘   //引入axios


Vue.config.productionTip = false

new Vue({
  router,
  store,                //ES6写法  Vue实例引入VUEX对象
  render: h => h(App)
}).$mount(‘#app‘)


 // axios异步网路请求 默认Get请求
 axios({
  url:‘http://www.httpbin.org/ip‘
}).then(res => {
  console.log(res);
})
main.js 入口JS文件      这个文件是测试而已  一般新建一个目录 axios 来存放网络请求的文件.

运行:70. vue axios 请求方式-默认请求

 

 可以看很多东西,除了data是后端返回的  其他都是....都是axios获取的参数,,

 

如果你想要指定请求方法有两种办法:

 一种定义method参数 指定提交方式    70. vue axios 请求方式-默认请求

 

 第二种直接用axios.post 这个函数  70. vue axios 请求方式-默认请求

 

 

 

这就是网络封装的最基本使用了

 

70. vue axios 请求方式-默认请求

上一篇:状态栏:requestWindowFeature()方法作用(状态栏处理,全屏)


下一篇:分析你的第一个Android程序