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,以拼接到请求地址的后面。

相关内容

热门资讯

wepoke真的有挂!wepo... 一、wepoke真的有挂简介了解软件请加微:136704302wepoke真的有挂是一款在线扑克游戏...
wpk德州透视辅助!poker... wpk德州透视辅助!poker有没有外挂(透视)总是真的有挂(详细辅助必胜教程)是一款可以让一直输的...
aapoker辅助工具存在!a... aapoker辅助工具存在!aapoker安卓怎么下载(透视)切实真的有挂(详细辅助AI教程);小薇...
wpk真的有外挂!wpk外挂是... wpk真的有外挂!wpk外挂是真的还是(透视)切实真的有挂(详细辅助AI教程)(1)wpk真的有外挂...
德州之星插件!德州ai辅助代理... 德州之星插件!德州ai辅助代理(透视)最初真的有挂(详细辅助必胜教程)是一款可以让一直输的玩家,快速...
WePoKe外挂!we pok... WePoKe外挂!we poke软件免费版(透视)往昔是真的有挂(详细辅助科技教程)1、WePoKe...
wepoke是真的有挂!红龙扑... wepoke是真的有挂!红龙扑克有没有作假(透视)一贯有挂(详细辅助新版2025教程)1、金币登录送...
德扑ai助手!wepoke黑科... 德扑ai助手!wepoke黑科技(透视)本来真的是有挂(详细辅助曝光教程)是一款可以让一直输的玩家,...
微扑克辅助机器人!来玩德州ap... 微扑克辅助机器人!来玩德州app有挂吗(透视)其实真的有挂(详细辅助第三方教程);无聊就玩这款微扑克...
wepoke确实有挂!智星德州... wepoke确实有挂!智星德州菠萝开挂(透视)最初真的是有挂(详细辅助扑克教程)智星德州菠萝开挂辅助...