vue项目中使用axios发送get传参

作为新手写项目总是遇到各种问题，虽然在解决之后觉得会很简单，但是还是想记录下来，一方面避免自己下一次犯同样的错误，另一方面，希望遇到和我相同问题的朋友能够在第一时间得到解决。项目目录首先，是在utils目录下的request.js中封装了axios，在api目录下进行导入发送get请求。（我就是在发送get请求时传参出现的问题）然后在store中引入api中的方法，将请求到的数据放在store中进

新猿忆码

3091人浏览 · 2020-11-23 16:06:31

新猿忆码 · 2020-11-23 16:06:31 发布

作为新手写项目总是遇到各种问题，虽然在解决之后觉得会很简单，但是还是想记录下来，一方面避免自己下一次犯同样的错误，另一方面，希望遇到和我相同问题的朋友能够在第一时间得到解决。
项目目录
在这里插入图片描述
首先，是在utils目录下的request.js中封装了axios，在api目录下进行导入发送get请求。（我就是在发送get请求时传参出现的问题）
这里的params是一个对象，所以不能直接传到url之后
然后在store中引入api中的方法，将请求到的数据放在store中进行处理。
在这里插入图片描述
这里可以在getters中对state中的totalData再进行处理，得到自己想要在.vue中使用的数据，然后通过mapGetters辅助函数在.vue文件中进行解构使用
queryParams就是要传递给api请求中的参数，在created中调用了store中的getSysLogAdmin方法，将参数传递给到了store中的payload上，最后由store将参数传递到api中
*over *

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^