怎么在Vue中利用axios实现一个选项请求 - 行业资讯 - 肥雀云

　　介绍

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

前端代码

& lt; ! DOCTYPE html> 　　& lt; html lang=癳n"祝辞　　　　& lt; head> 　　& lt;才能meta charset=癠TF-8"比; 　　& lt;才能meta name=皏iewport",内容=翱矶?设备宽度,初始=1.0,比; 　　& lt;才能meta http-equiv=癤-UA-Compatible",内容=癷e=edge"比; 　　& lt;才能title> Document</title> 　　& lt; !——,才能导入axios ——比; 　　& lt;才能https://www.yisu.com/zixun/script src=" https://unpkg.com/axios/dist/axios.min.js "> 　　头　　　　<身体> 　　　　<形式方法=皃ost”> 　　

用户名:<输入id="用户名" type=" text " name="用户名" value=" admin ">

密码:<输入id="密码" type="文本" name="密码" value=" 123456 ">

<输入id=癰tn”类型=疤峤弧奔壑?暗锹?/>

　　<脚本> 　　　　. getelementbyid (btn)。onclick=function () {//获取用户输入的登录信息　　让用户名=. getelementbyid(“用户名”)value; 　　让密码=. getelementbyid(“密码”)value;//不处理的数据对象　　让数据={ 　　用户名:用户名、　　密码:密码　　}; 　　console.log(数据);//{用户名:“admin”,密码:“123456”}//阻止提交默认行为:表单提交刷新页面　　event.preventDefault ();//提交请求获取响应数据　　axios.post (" http://www.test.com/day05/jiekou.php "数据)。然后(res=> { 　　console.log (res); 　　})。抓住(呃=> { 　　console.log(错); 　　}) 　　　　}>

php接口代码

& lt; php ?//,制定允许其他域名访问　　标题(“Access-Control-Allow-Origin: *“);//,允许的响应类型　　头(& # 39;Access-Control-Allow-Methods:,,,,,,删除选项,补丁# 39;);//,响应头设置　　头(“Access-Control-Allow-Headers:起源、,X-Requested-With,,内容类型,,接受,,Authorization");//,获取形式表单值　　时间=美元username $ _POST[& # 39;用户名# 39;]; 　　　　时间=美元password $ _POST[& # 39;密码# 39;];//,判断形式表单中关键　　如果(收取($ _POST[& # 39;用户名# 39;]),,,,收取($ _POST[& # 39;密码# 39;])){//才能,判断用户名和密码　　如果才能(username 美元==,“admin",,,, password 美元;==,“123456“){ 　　,,,, 　　,,,result 美元;=,数组(“success",=祝辞,1,“code",=祝辞,101年,“data",=祝辞,数组(“username",=祝辞,用户名、美元,“password",=祝辞,密码)美元);,, 　　,, 　　}{其他才能　　,,,result 美元;=,数组(“success",=祝辞,0,,“code",=祝辞,103年,“data",=祝辞,null); 　　,,} 　　,, 　　其他}{ 　　时间=美元才能result 数组(“success",=祝辞,0,,“code",=祝辞,100年,“data",=祝辞,null); 　　}//,将错误信息(数组)转换成json类型,返回前端　　回声(json_encode()美元); 　　?在

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

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

<强> 2。解决:

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