VUE axios发送跨域请求需要注意的问题

在实际项目中前端使用到vue，后端使用php进行开发。前端使用axios请求请求

关于跨域

跨域的概念这些就不说了，百度一大堆相关的资料信息。我就只在这里记录下我在使用当中遇到的问题，以纪念在逝去的几个小时中资料查找的艰辛。

不多说，直接上代码~~~~

同理，跨域的解决方案为cros。服务器 PHP端代码如下(laravel 中间件进行处理)：

public function handle($request, Closure $next)
  {

    if ($request->isMethod('OPTIONS')) {
      $response = response('', 200);
    } else {
      $response = $next($request);
    }
    if (!method_exists($response, 'header')) {
      return $response;
    }
    $response->header('Access-Control-Allow-Methods', 'HEAD, GET, POST, PUT, PATCH, DELETE, OPTIONS');
    $response->header(
      'Access-Control-Allow-Headers',
      'Content-Type, Content-Length, Authorization, Accept, X-Requested-With, Token'
    );
    $response->header('Access-Control-Allow-Origin', '*');
    $response->header('Access-Control-Max-Age', 86400);
    return $response;
  }

Vue端 axios 请求：

axios.post('http://XXXX.com',{name:'test'});

这样写，在请求的时候就会遇到：

很坑爹有没有？明明是已经设置好了的啊，为毛是这样？？？

查找了很多资料才发现，axios在发送数据时需要字符串的方式进行发送，也就是说是放在form-data当中的。在实际项目中，为了方便，我引入了 qs 来帮助处理这块数据：

解决后的代码应该是：

import qs from 'qs';
axios.post('http://xxxxx.com',qs.stringify({name:'test'})).then(re=>{
  console.log(re);
});

OK,问题解决。明明感觉很简单，但是就是因为自己不懂，导致找了很久才知道原因，之前一直在折腾后台的设置，忽略了前端本身的处理。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# VUE  # axios跨域请求 

相关文章： 宝塔建站后网页无法访问如何解决？  微信小程序 五星评分(包括半颗星评分)实例代码  娃派WAP自助建站：免费模板+移动优化，快速打造专业网站  c++怎么实现高并发下的无锁队列_c++ std::atomic原子变量与CAS操作【详解】  电脑免费海报制作网站推荐,招聘海报哪个网站多？  如何设计高效校园网站？  MySQL查询结果复制到新表的方法(更新、插入)  企业宣传片制作网站有哪些,传媒公司怎么找企业宣传片项目？  c++怎么使用类型萃取type_traits_c++ 模板元编程类型判断【方法】  如何在云主机快速搭建网站站点？  如何快速生成可下载的建站源码工具？  名字制作网站免费,所有小说网站的名字？  网站插件制作软件免费下载,网页视频怎么下到本地插件？  Python多线程使用规范_线程安全解析【教程】  如何快速生成橙子建站落地页链接？  如何快速打造个性化非模板自助建站？  建站主机无法访问？如何排查域名与服务器问题  建站主机与虚拟主机有何区别？如何选择最优方案？  高端智能建站公司优选：品牌定制与SEO优化一站式服务  宁波自助建站系统如何快速打造专业企业网站？  盘锦网站制作公司,盘锦大洼有多少5G网站？  如何在腾讯云免费申请建站？  详解jQuery停止动画——stop()方法的使用  西安制作网站公司有哪些,西安货运司机用的最多的app或者网站是什么？  较简单的网站制作软件有哪些,手机版网页制作用什么软件？  一键网站制作软件,义乌购一件代发流程？  视频网站制作教程,怎么样制作优酷网的小视频？  如何快速生成凡客建站的专业级图册？  宝塔建站教程：一键部署配置流程与SEO优化实战指南  车管所网站制作流程,交警当场开简易程序处罚决定书，在交警网站查询不到怎么办？  建站主机选哪种环境更利于SEO优化？  盐城做公司网站,江苏电子版退休证办理流程？  如何在宝塔面板中创建新站点？  深入理解Android中的xmlns:tools属性  官网自助建站系统：SEO优化+多语言支持，快速搭建专业网站  建站之星如何取消后台验证码生成？  建站之星下载版如何获取与安装？  官网网站制作腾讯审核要多久,联想路由器newifi官网  网站制作软件免费下载安装,有哪些免费下载的软件网站？  如何在IIS管理器中快速创建并配置网站？  如何配置支付宝与微信支付功能？  外汇网站制作流程,如何在工商银行网站上做外汇买卖？  如何在阿里云部署织梦网站？  如何通过虚拟主机快速完成网站搭建？  详解免费开源的DotNet二维码操作组件ThoughtWorks.QRCode（.NET组件介绍之四）  如何在阿里云完成域名注册与建站？  如何在沈阳梯子盘古建站优化SEO排名与功能模块？  桂林网站制作公司有哪些,桂林马拉松怎么报名？  南平网站制作公司,2025年南平市事业单位报名时间？  建站之星安装失败：服务器环境不兼容？