Skip to content

vue项目中用vuex和不用vuex的请求方法。公司项目经验总结,欢迎点开食用。

Notifications You must be signed in to change notification settings

bruceleejie/vue-requests

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 

Repository files navigation

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

About

vue项目中用vuex和不用vuex的请求方法。公司项目经验总结,欢迎点开食用。

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published