Skip to content

Latest commit

 

History

History
24 lines (15 loc) · 1.51 KB

README.md

File metadata and controls

24 lines (15 loc) · 1.51 KB

vue-requests

vue项目中用vuex和不用vuex的一些请求方法。公司项目总结经验

一、demo说明:

1、demo思路:先利用登录功能获取后端返回的用户信息,再把请求返回的用户信息存储到vuex中,在登陆成功后的页面里,利用登录的token请求信息查询接口并在页面显示。这个是公司项目的管理系统的操作套路,可以作为借鉴给需要的人使用。

2、如果需要下载食用,下载后直接在项目的命令行输入npm install安装相关依赖即可。

二、文件和代码说明:

1、在vue项目中使用要请求接口,需要安装axios、vuex依赖

2、在请求接口前需要先在项目的/config文件夹下的index.js文件中找到“proxyTable: {}”这行代码,在里面配置成自己后端提供的请求url地址。

3、在这个demo中安装完了store之后记得要在main.js文件中引入store。

4、在本demo中,我在登录模块用了vuex封装的请求方式(dispatch),在获取信息的helloworld.vue中,我用了简单的axios请求。

5、登录请求的相关文件有(main.js、store文件夹、axios文件夹、login.vue)

6、获取信息请求的相关文件有(helloworld.vue、axios文件夹)

三、感谢相关大佬:

自己能写出自己的demo,还是要谢谢自己上家公司和这家公司的几位大佬(尹大佬、康大佬、张大佬),具体名字就不说了。 谢谢你们对小弟我的指导,自己对前端的理解也算略知一二。