首页 > 移动平台 > 详细

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

时间:2021-08-25 08:41:43      阅读:49      评论:0      收藏:0      [点我收藏+]

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

npm install axios --save

 

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

 

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

技术分享图片
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 来存放网络请求的文件.

运行:技术分享图片

 

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

 

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

 一种定义method参数 指定提交方式    技术分享图片

 

 第二种直接用axios.post 这个函数  技术分享图片

 

 

 

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

 

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

原文:https://www.cnblogs.com/bi-hu/p/15182820.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!