使用axios做vue中的交互（get）

曾经终败给现在 2022-02-13 10:17 254阅读 0赞

## 使用axios做vue中的交互(get) ##

## “需要知道，请求一个接口的过程。看请求类型，入参，返回值。”这是那位朋友的话。[朋友的博客，感兴趣可以去参观][Link 1] ##

起初，我把目标看在入参和请求类型。并且是拿着post方式的去做，我摔跤了。回不了头的那种。

--------------------

**方案一**  
最后没有办法，在经历千辛万苦，我终于在这个[vue+axios x-www-form-urlencoded参数问题][vue_axios x-www-form-urlencoded]，你可以直接搜索看看。。。看了之后，我查阅axios文档（node\_modules/axios/dist/axios.js），这个文件里面找到。![axios中的这个位置][axios]  
按照本次项目中的接口，请求的Content-Type是框中选中的，经历一番周折，发现在项目中没有设置headers，也是正确的了。主要是接口要求的入参了。

--------------------

post和get写入参的时候是不同的吧。  
**“get方式参数写在url后面，与Content-type无关。”**  
get的请求的时候，入参需要设置params，再在里面写参数：

params:{
    		  参数名:'参数值'
    		},

接下来，就可以根据code的值判断得到结果了。  
**方案二**  
***在URL之后直接传参，并且用?联结***。如果参数值是可以变化的，也就是不是唯一的。我建议用上面的方法。也许是因为我是用方案一了吧！！  
友情分享：[vue-resource HTTP介绍][vue-resource HTTP]

--------------------

**注意版权问题，可做转载！**

[Link 1]: https://blog.csdn.net/shangrila_kun
[vue_axios x-www-form-urlencoded]: https://www.jianshu.com/p/2e187127244d
[axios]: /images/20220213/bfc9f3a8b6de4ef8b83e0c4b5adfc6c9.png
[vue-resource HTTP]: https://victoryofymk.github.io/2018/10/28/vue-resource%E4%BB%8B%E7%BB%8D/

发表评论取消回复

表情：

评论列表（有 0 条评论，254人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue中使用axios

\Axios是什么？ 1.支持Promiss API 2.拦截请求和响应 3.转换请求数据和响应数据 4.取消请求 5.自动转换json数据 6....

素颜马尾好姑娘i/ 2024年04月17日 18:58/ 0 赞/ 72 阅读

相关 vue中axios的简单使用

1，本文是对axios的简单使用，并没有对axios进行封装首先在vue项目安装axios，如下代码 > npm install axios --save 2，直接使

小咪咪/ 2023年06月30日 01:37/ 0 赞/ 1 阅读

相关 vue中使用axios

1. 安装 npm install --save axios 2.导入 import axios from "axios"; 3.使用 cre

不念不忘少年蓝@/ 2023年06月11日 05:26/ 0 赞/ 11 阅读

相关 vue axios跨域的get和post的使用

1.首先在main.js中引用axios。 import axios from 'axios'; Vue.prototype.$http = axios; axios

淩亂°似流年/ 2022年05月24日 03:25/ 0 赞/ 192 阅读

相关 Vue中使用axios进行数据异步交互

大家都知道在Vue里面有两种出名的插件能够支持发起异步数据传输和接口交互，分别是`axios`和vue-resource，同时vue更新到2.0之后,宣告不再对vue-reso

客官°小女子只卖身不卖艺/ 2022年02月20日 08:45/ 0 赞/ 326 阅读

相关 vue中使用axios的请求

axios使用put请求方式 1、axios请求方式有哪些？ axios常见传参方式get、post、put、patch、delete 了解更多，点击链接去了解它

矫情吗；*/ 2022年02月13日 17:27/ 0 赞/ 387 阅读

相关使用axios做vue中的交互（get）

使用axios做vue中的交互(get) “需要知道，请求一个接口的过程。看请求类型，入参，返回值。”这是那位朋友的话。[朋友的博客，感兴趣可以去参观][Link 1]

曾经终败给现在/ 2022年02月13日 10:17/ 0 赞/ 255 阅读

相关 vue-封装axios的GET请求

get请求的用法在其官方文档如下 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLm

深碍√TFBOYSˉ_/ 2022年01月20日 15:31/ 0 赞/ 462 阅读

相关 axios网络交互应用-Vue

![file][] 作者 | Jeskson 来源 | 达达前端小酒馆 <template> <div id="app"> <input ty

约定不等于承诺〃/ 2021年08月19日 11:53/ 0 赞/ 394 阅读

相关 axios在vue中的使用

目录一视频二教程三源码四服务端代码结构 1 接口文档.xlsx 2 router.js 五启动并测试服务端六安装yarn 七安装van

我就是我/ 2021年07月24日 22:30/ 0 赞/ 508 阅读