vue项目中用vuex和不用vuex的一些请求方法。公司项目总结经验
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,还是要谢谢自己上家公司和这家公司的几位大佬(尹大佬、康大佬、张大佬),具体名字就不说了。 谢谢你们对小弟我的指导,自己对前端的理解也算略知一二。