问题:同一个接口,用ajax请求没有出现跨域问题,在vue中使用axios请求后报错:

同一个接口使用ajax的post请求没有报错,换Axios的POST请求出现跨域

 

原因:后台这个接口只接收普通form表单,不能是json对象,所以用axios请求要用qs来发form请求参数。

解决方法:

1、安装qs(qs帮助发送了x-www-form-urlencoded这种表单的请求)依赖   

  cnpm install qs --save

2、在mian.js引入:

  import qs from "qs";
  Vue.prototype.$qs = qs;

3、在页面中处理接口参数:

同一个接口使用ajax的post请求没有报错,换Axios的POST请求出现跨域

 

4、请求成功

 同一个接口使用ajax的post请求没有报错,换Axios的POST请求出现跨域

 

相关文章:

  • 2022-12-23
  • 2022-01-05
  • 2021-12-24
  • 2021-11-21
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-07-27
  • 2022-12-23
  • 2022-12-23
  • 2021-10-24
相关资源
相似解决方案