如何在 vuejs vuex store 操作中使用 fetch API 传递参数答案

【问题标题】：How to pass params using fetch API in vuejs vuex store action如何在 vuejs vuex store 操作中使用 fetch API 传递参数
【发布时间】：2022-12-10 01:09:56
【问题描述】：

我正在尝试使用 fetch API 将字典传递给 django 视图，但无法在请求视图字典中获取它。我尝试了以下步骤：

fetch(`/api/getnames`, [{'a': name, 'b': name}])
  .then()
  .catch((err) => {
    console.log('Fetch Error :-S', err);
  })

def getnames(request):
    print(request.__dict__)

我试图在调用 url 时让 dict 在参数中传递，但 dict 不存在。请提出解决此问题的解决方案。

【问题讨论】：

标签： django vue.js url vuex fetch-api

【解决方案1】：

对于发送参数，您需要使用通过 GET 或 POST 方法传递的参数，或者使用更方便的库，如 Axios

let data = [ {'a': name, 'b': name}];

fetch(`/api/getnames?dict=`+JSON.stringify(data) ) ...
request.GET['dict']

or

fetch('/api/getnames', {
            method: 'POST',
            body: JSON.stringify({dict: data})
        } ) ...

or

axios.post('/api/getnames', { dict: [ {'a': name, 'b': name}] } );

request.POST['dict']

【讨论】：