怎么在Vue中利用axios实现一个options请求

本篇文章为大家展示了怎么在Vue中利用axios实现一个options请求,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

临漳网站建设公司成都创新互联公司,临漳网站设计制作,有大型网站制作公司丰富经验。已为临漳成百上千家提供企业网站建设服务。企业网站搭建\外贸网站制作要多少钱,请找那个售后服务好的临漳做网站的公司定做!

前端代码





  
  
  
  Document
  
  



  
  
    

用户名: 

         

密 码: 

         

  

php接口代码

 1, "code" => 101, "data" => array("username" => $username, "password" => $password));  
  
  }else{
    $result = array("success" => 0, "code" => 103, "data" => null);
  }
  
}else{
  $result = array("success" => 0, "code" => 100, "data" => null);
}
// 将错误信息(数组)转换成json类型,返回前端
echo(json_encode($result));
?>

结果:运行失败,无法获取响应数据

怎么在Vue中利用axios实现一个options请求

2.解决:

方法Ⅰ.引入qs模块处理数据:修改上面的html代码





  
  
  
  Document
  
  
  
  



  
  
    

用户名: 

         

密 码: 

         

  

方法Ⅱ.后端开放options请求跨域,并用对应的方法获取options提交的复杂数据

 1, "code" => 101, "data" => array("username" => $username, "password" => $password));  
  
  }else{
    $result = array("success" => 0, "code" => 103, "data" => null);
  }
  
}else{
  $result = array("success" => 0, "code" => 100, "data" => null);
}
// 将错误信息(数组)转换成json类型,返回前端
echo(json_encode($result));
?>

小结::

Ⅰ.个人是比较倾向于由后端来解决(前端还要引入qs插件,没什么必要)

Ⅱ.在vue里面使用qs的步骤

➀qs是一个npm仓库所管理的包,可通过npm install qs命令进行安装.

qs.parse()将URL解析成对象的形式

qs.stringify()将对象 序列化成URL的形式,以&进行拼接(我们大都用到这个)

➁在全局main.js里引入qs并配置方法到原型上

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

上述内容就是怎么在Vue中利用axios实现一个options请求,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注创新互联行业资讯频道。


标题名称:怎么在Vue中利用axios实现一个options请求
转载注明:http://myzitong.com/article/gsdoep.html