美文网首页
axios网络请求用法

axios网络请求用法

作者: 肉肉要次肉 | 来源:发表于2021-03-10 10:55 被阅读0次

一、安装axios

打开终端,在你项目目录下,输入命令:cnpm i axios -- save

如图,安装完成。

输入命令,npm run dev,运行项目

二、在main.js中引入头文件

import axios from 'axios'

Vue.prototype.axios = axios

三、axios用法

1、axios({

           method:'post',//请求方式

           url:'/api/userLogin',

           data:{

                userName:'admin',

                password:'12345'

           }

     })

2、axios.post('/api/userLogin',{

          params:{

                userName:'admin',

                password:'12345'

         }

     }).then(function(res){

            console.log('success:',res)

     }).catch(function(error){

           console.log('error:',error)

     })

如果去掉post,默认是get请求方式,如果没有配置method,默认也是get请求方式

或者直接在url的地方拼接完整的访问地址及参数

相关文章

  • axios网络请求用法

    一、安装axios 打开终端,在你项目目录下,输入命令:cnpm i axios -- save 如图,安装完成。...

  • axios

    一、基础用法 axios是基于promise的网络请求库,所以我们可以在then里面处理请求成功之后的操作,在ca...

  • axios

    axios axios 是一个专注于网络请求的库! axios 的基本使用:繁 发送get请求: 发送post请求...

  • 六、Vue.js

    一、发送AJAX请求 1.简介 2,使用axios发送ajax请求 2.1安装axios并引入 2.1基本用法 3...

  • vue学习

    3.网络应用介绍 3.1 axios的使用 axios.get请求,请求参数跟在地址?后面 axios.post请...

  • axios网络请求

    axios是vue中继续网络请求使用的框架,替代以前的ajax 安装方法:npm install axios --...

  • axios 网络请求

    一、安装 axios 依赖 二、导入axios 三、基础用法 1、不传参数(默认是get请求 ) 2、不传参数(第...

  • 前端技术月报201910期

    axios网络框架 axios是目前前端项目中很受欢迎的网络请求框架。axios和fetch一样都基于Promis...

  • axios请求---基础用法

    Axios是一个基于promise的HTTP库,可以在浏览器和nodejs中使用。主要用于户向后台发起请求,还有在...

  • axios请求---进阶用法

    上一篇文章里面大致记录了一下axios的基础用法这一篇文章主要记录axios的进阶用法:实例、配置、拦截器、取消请...

网友评论

      本文标题:axios网络请求用法

      本文链接:https://www.haomeiwen.com/subject/vanvqltx.html