Vue 中使用 axios 传输数据，当数据量过大时会提示跨域？（√已解决）
0 [待解决问题] 环境 -- 前端：Vue-cli 4.3.1
后端：Apache || Nginx+Thinkphp5
今天打算用写一个Markdown编辑器给博客用，然后需要将Markdown原文和解析好的HTML提交后端，遇到跨域 Access to XMLHttpRequest at 后端接口 from origin ' http://localhost:8080 ' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource
这个简单，我直接在TP里index.php里加了个header头 header("Access-Control-Allow-Origin:*"); header("Access-Control-Allow-Methods:GET, POST, OPTIONS, DELETE"); header("Access-Control-Allow-Headers:DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type, Accept-Language, Origin, Accept-Encoding");
然后顺利提交，但是一旦我输入的字符过多时，居然会提示跨域？


Header头

我打印了下字符长度，4820，我发现我字符长度在2-3000的时候可以提交，一但长了就提示跨域。。。What is this? console.log(this.content.length + this.html.length);
PHP那里我改了半天还是一样，应该是跟它没关系，我甚至随便换了一个URL还是这样，可能是提交的时候就阻止了。
其实我没指望能发帖解决，可能全论坛就我一个人遇到这种事情，不过想了想可能是Vue配置有问题，我Vue-cli版本是4.3.1，比起Vue-cli 2.* 一下载下来像vue.config.js这种配置文件都是没有的，我也许是Vue配置有问题所以我想请问下这种问题是我配置文件的问题吗 √已解决 感谢各位的回答，这源自于我对HTTP协议不够熟悉，我查看了下Apache的日志，发现报了个414错误 HTTP 414 错误 – 请求 URI 过长 (Request URI too long) 解决办法1：
修改 Apache的httd.conf，在listen 80 下面添加 ``` apache LimitRequestLine 40900 LimitRequestFieldSize 40900 ``` [Nginx则是(点我前往)](https://www.cnblogs.com/onmyway20xx/p/4469202.html) ``` Nginx client_header_buffer_size 8k large_client_header_buffers 8k ``` 解决办法2：
但事实上我不希望去修改服务器配置，于是查了下，网上说可以使用post请求，我实际上试过了没用，然后查了下axios的使用方法，发现不同于jQuery axios需要配置Content-Type import Qs from 'qs' // 用Qs.stringify()将对象序列化成URL的形式，Qs是axios里面自带的，所以直接引入就可以了 params = Qs.stringify(params); this.axios .post(this.global_.api+'index.php/index/index/addMsgList', params , { headers:{'Content-Type':'application/x-www-form-urlencoded'} }) .then(response => { console.log(response.data.data); });
设置了Content-Type后用post请求就没问题了。。。
感谢各位的回答！ PHP Vue JavaScript 遗失的美好灬 | 菜鸟二级 | 园豆： 212
提问于：2020-06-03 23:31 显示帮助
使用"Ctrl+Enter"可进行快捷提交，评论支持部分 Markdown 语法：[link](http://example.com) _italic_ **bold** `code`。
< > 分享
分享您的问题
所有回答(1) 0 可能超长了，服务器对 get 请求有字符长度限制吧，换 post 试试 电磁魔王喵喵 | 园豆：760 (小虾三级) | 2020-06-04 10:16 谢谢，我曾试过post，但是无效，发现axios需要自己设置Content-Type，现在没问题了！ 支持( 0 ) 反对( 0 ) 遗失的美好灬 | 园豆：212 (菜鸟二级) | 2020-06-04 11:25 编辑文本 预览 上传图片
Ctrl+Enter键快速提交
清除回答草稿
您需要 登录 以后才能回答，未注册用户请先 注册 。