javascript - 如何将索引从li传递到axios？

Question

      selectPreviousSearch(index) {
        this.search = this.searchHistory.slice(-5).reverse()[index];
        // this.search = this.searchHistory[index];
        this.showSearchHistory = false;
        

        const baseURI = 'api url...';   

        var container_id =  JSON.parse(localStorage.getItem('anonymous_id'));
       
        let accToken = localStorage && localStorage.loggedinUser ? localStorage.loggedinUser : null;
          // eslint-disable-next-line
         console.log('another call',accToken);


        const headers = new Headers({
          'access_token' : accToken,
          'Content-Type': 'application/json',
        });

        var data={

          'keyword': this.index,

        } 

        axios.get(baseURI, data, {
          headers: {
            'access_token': accToken
          }
        })
        .then((response) => {
          this.users = response;
         
        }, (error) => {
          if (error) {
            this.errorMessage = error.response.data.message;
          }
        }).catch(error => {
          //this.errorMessage = error.response.data;
        })


      },

<li
            v-for="(item, index) in searchHistory
              .slice(-5)
              .reverse()
              .map((s) => s.trim())"
            :key="index"
            @click="selectPreviousSearch(index)"
          >
            {{ item }}
          </li>

我想将索引从 li 传递给 axios？在 var 数据中。这样当用户单击 li 中的数据时。他会得到成功的响应。

目前我在想，我没有从 li 正确传递值，所以我无法看到正确的响应

标签： javascriptvue.jsaxios

Answer 1

尝试通过获取这样的参数

axios.get(baseURI, {
   params: data,
   headers:...
})

文档中的示例https://github.com/axios/axios#example

或者改变

axios.get

至

axios.post

取决于您在服务器端处理的请求类型