天天看点

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

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

npm install axios --save      

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

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

70. vue axios 请求方式-默认请求
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 请求方式-默认请求

 如果你带有参数 ,你是get的不要在网址上拼? & 了,直接用params这个属性然后里面定义参数即可:

类似于:

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

然后看看他的请求网址即可,是自动拼上去的:【JQuery也是有这个功能的,但是呢我忘记了....博客有 自己找】

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