vue.js+axios请求的简单请求示例

本文转载自查看原文 2020-04-07 18:01 1073 vue

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <script src="./vue.min.js"></script>
 7     <script src="./axios.min.js"></script>
 8 </head>
 9 <body>
10 
11 <div id="app">
12     <input type="button" value="获取笑话" @click="getJoke">
13     <p>
14         {{msg}}
15     </p>
16 </div>
17 <script>
18     var vm = new Vue({
19         el:"#app",
20         data:{
21             msg:"hello world",
22         },
23         methods:{
24             getJoke(){
25                 //axios.post('https://xxxxxx',{"usename":"小明"})
26                 axios.get("https://utumnfish.cn/api/joke")
27                 .then((response)=>{
28                     this.msg=response.data;
29                 })
30                 .catch((err)=>{
31                     this.msg=err.message;
32                 })
33             },
34 
35         }
36     })
37 </script>
38 </body>
39 </html>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 vue中axios的post和get请求示例 axios的post请求方法---以Vue示例简单的基于Vue-axios请求封装 vue中axios请求简单封装 vue 网络请求 axios js axios请求方式 vue/axios请求拦截 vue axios 3 的并发请求 vue.js学习之跨域请求代理与axios传参 vue中配置axios.js文件，发送请求