接口请求数据时的常见错误，400、404、500、跨域等

400参数错误

原因：

1.携带参数请求时，没有用${ }进行转换，

2.未使用反引号，编译器识别不到${ }

${x}可在引号中将x作为参数使用，而非字符串。

正确案例如下：

这里封装了axios

import service from "./index.js";
//获取歌单详情页的数据
export function getListInfo(data) {
  return service({
    method: "GET",
    url: `/playlist/detail?id=${data}`,//必须是反引号，反引号在键盘“1”的左边。
  });
}

然后在页面上调用函数，成功传入id作为参数进行请求。

  let res = await getListInfo(id);
  state.playList = res.data.playlist;

403Forbidden

后端不允许你的IP地址访问接口，或者是服务器、路由器设置了防火墙，不允许访问目标IP地址。

404

一般而言是你调用的api地址错误，可以校对该api的文档，如果并无拼写错误，那可能是官方变动了该api，可以找找新的api。

500

一般是后端问题，包括接口实现错误，路由配置错误等