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

曾经终败给现在 2022-02-13 10:17 215阅读 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/