bing_yu2001 2021-08-20 17:34 采纳率: 57.1%
浏览 91
已结题

请问,如何在地址栏正确拼接参数,有效过滤数据? ( Nuxt 框架 )

首先肯定一点, 接口是 get 请求, 在接口文档中测试获取数据是 OK的,获取条件查询数据也是 OK 的.

前端:
访问 http://localhost:3000 可以获取到第1页10条数据, 因为我构建了这样的查询条件.

获取数据代码如下:

<script>

export default {

  async asyncData({app}) {

    // 获取文章列表第一页数据
    const page = { 
      total: 0,
      current: 1,
      size: 10
    }
    // 搜索条件对象
    const searchObj = {
      categoryId: null,
      categoryParentId: null,
      commentCount: null,
      viewCount: null,
      createDate: '1',
      updateDate: ''
    }
    // 查询文章第一页数据
    const {data: articleList} = await app.$getArticleList(page.current, page.size, searchObj)
    page.total = articleList.total
    let list = articleList.records

    // 查询所有分类
    const {data: categories} = await app.$getCategoryList()
    let categoryList = categories.list

    return {
      indexAdvertList,
      page,
      list,
      categoryList,
      searchObj
    }
  },

现在我要在地址栏拼接一个搜索一级分类的参数: ?categoryId=2 ( 在接口文档中测试是 OK 的)
拼接后地址: http://localhost:3000?categoryId=2

访问这个地址, 数据没有被过滤, 地址变成了 http://localhost:3000/?categoryId=2 比原来的地址在端口号后面多加了一个 / .

请问,如何在地址栏正确拼接参数,有效过滤数据?

悬赏 10元, 微信扫码支付.

  • 写回答

3条回答 默认 最新

  • bing_yu2001 2021-08-20 19:03
    关注

    问题已有人帮忙解决
    就是在请求方法对象处多加一个 key: params:

    这是我原来的方法:
    inject('getArticleList', (current, size, searchObj) => $axios.$get(/article/api/article/list/${current}/${size}, searchObj))

    添加参数后的方法:
    inject('getArticleList', (current, size, searchObj) => $axios.$get(/article/api/article/list/${current}/${size}, {params:searchObj}))

    地址栏条件传参, 成功过滤数据:
    http://localhost:3000/?current=1&size=10&categoryId=2&categoryParentId=1

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 8月28日
  • 已采纳回答 8月20日
  • 修改了问题 8月20日
  • 修改了问题 8月20日
  • 展开全部

悬赏问题

  • ¥15 maccms影视模板 制作影视网站失败 求
  • ¥15 三电平逆变器中点电位平衡问题
  • ¥20 这怎么写啊 java课设
  • ¥15 用C语言完成一个复杂的游戏
  • ¥15 如何批量更改很多个文件夹里的文件名中包含文件夹名?
  • ¥50 MTK手机模拟HID鼠标出现卡顿
  • ¥20 求下下面这个数据结构代码
  • ¥20 前端 二进制文件流图片转化异常
  • ¥15 github上的这个C语言项目如何跑起来
  • ¥15 java 判断某个数 区间是否存在