Axios在PiniaStore的Get请求能获取数据但参数不显示在URL中?
创始人
2024-09-29 04:30:02
0
  1. 在使用 Axios 进行 Get 请求时,需要在配置对象中添加 params 属性,将参数以对象的形式传递进去,例如:
import { defineStore } from 'pinia'
import axios from 'axios'

export const useStore = defineStore({
  id: 'example',
  state: () => ({
    data: []
  }),
  actions: {
    fetchData(params) {
      return axios.get('/api/data', { params })
        .then(res => {
          this.data = res.data
        })
    }
  }
})
  1. 如果需要在 URL 中显示参数,可以在请求地址中拼接参数,例如:
import { defineStore } from 'pinia'
import axios from 'axios'

export const useStore = defineStore({
  id: 'example',
  state: () => ({
    data: []
  }),
  actions: {
    fetchData(params) {
      const queryString = Object.entries(params).map(([key, value]) => `${key}=${value}`).join('&')
      return axios.get(`/api/data?${queryString}`)
        .then(res => {
          this.data = res.data
        })
    }
  }
})

在上面的代码中,将参数以键值对的形式存入数组,并用 map 方法将其转化为字符串,最后用 join 方法将其组合成 Query String,以拼接到请求地址的后面。

相关内容

热门资讯

第8分钟了解!518互娱辅助器... 第8分钟了解!518互娱辅助器下载!都是是真的有辅助工具(确实有挂)-哔哩哔哩518互娱辅助器下载透...
第八分钟了解!雀姬辅助脚本!总... 第八分钟了解!雀姬辅助脚本!总是是有辅助方法(有挂助手)-哔哩哔哩1、起透看视 雀姬辅助脚本辅助软件...
第9分钟了解!微信财神十三章辅... 第9分钟了解!微信财神十三章辅助安装包!确实真的是有辅助教程(有挂教程)-哔哩哔哩小薇(辅助器软件下...
一分钟了解!约战武汉辅助软件!... 一分钟了解!约战武汉辅助软件!果然真的有辅助插件(有挂方针)-哔哩哔哩1、不需要AI权限,帮助你快速...
第九分钟了解!咸宁方片十三张透... 第九分钟了解!咸宁方片十三张透视脚本!本来一直总是有辅助技巧(有挂方针)-哔哩哔哩咸宁方片十三张透视...
第六分钟了解!微信小游戏辅助器... 第六分钟了解!微信小游戏辅助器!切实一直总是有辅助技巧(有挂工具)-哔哩哔哩1、打开软件启动之后找到...
第八分钟了解!蘑菇云辅助使用视... 第八分钟了解!蘑菇云辅助使用视频!原来有辅助技巧(证实有挂)-哔哩哔哩1)蘑菇云辅助使用视频辅助插件...
第九分钟了解!掌电竞技辅助工具... 第九分钟了解!掌电竞技辅助工具!其实真的是有辅助软件(有挂技术)-哔哩哔哩1、掌电竞技辅助工具有没有...
5分钟了解!佛手在线大菠萝辅助... 5分钟了解!佛手在线大菠萝辅助!本来真的有辅助软件(揭秘有挂)-哔哩哔哩1、全新机制【佛手在线大菠萝...
第2分钟了解!新永和辅助!都是... 第2分钟了解!新永和辅助!都是一直总是有辅助攻略(有挂分享)-哔哩哔哩1、这是跨平台的新永和辅助轻量...