花了点时间把登录页面写好了,接下来准备和后台进行交互,尝试一下登录页面的数据交互,这里vue我使用axios来发送请求 ,后台通过Django搭建服务来接受数据。Django项目我已经搭建好了,创建了一个基本的数据和路由视图,现在我们需要在vue项目中添加axios组件。
![c0b0453c1506d350978215fb21cfbc76.png](https://img-blog.csdnimg.cn/img_convert/c0b0453c1506d350978215fb21cfbc76.png)
安装axios到项目中,使用命令:npm install axios --save 将axios安装到项目中
![3c4b3066fe612eb722cc05d1eb4cb1a3.png](https://img-blog.csdnimg.cn/img_convert/3c4b3066fe612eb722cc05d1eb4cb1a3.png)
安装好axios之后我们在项目中的main.js中引入axios组件并注册axios组件,这里我们把axios挂载到vue构造函数的prototype属性上,组件中通过this.axios来使用axios,这样我们就可以在项目中使用this.$axios组件了,当然你也可以使用ue-axios来全局使用axios,组件中也是通过this.axios来使用axios。