美文网首页
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网络请求用法

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