vue.js - 在 api 调用中使用变量时出现 CORS 错误

Question

再会。

当我使用 axios 执行以下 api 调用时，它工作得很好，但是当我尝试在所述 api 调用中使用变量时，我得到一个 cors 错误。我究竟做错了什么？

当我在没有变量的情况下使用它时，这很好用：

somecall({state}){
  axiosB
  .get("/lmao/10.0.0.190")
  .then(res =>
    state.response = res.data);
    console.log(state.response)
}

当我使用变量执行 api 调用时，这给了我一个 CORS 错误：

somecall({state, ip}){
  axiosB
  .get("/lmao/", ip)
  .then(res =>
    state.response = res.data);
    console.log(state.response)
}

在这种情况下，我试图传递的值是 10.0.0.190。

标签： vue.jsaxios

Answer 1

假设您使用的是 Vuex（是吗？），语法应该是：

somecall({state}, ip){
  axiosB
  .get("/lmao/" + ip)
  .then(res =>
    state.response = res.data);
    console.log(state.response)
}

请注意，有效负载作为解构上下文之后的第二个参数出现，而不是与它一起出现。

或者问题可能出在这一行：

.get("/lmao/", ip)

并且可能需要如上所述进行更改。