vue axios post请求跨域问题

qaz159wwe 2019-01-15 02:32:04

vue中使用 axios 请求后台接口(java) tomcat 端口是 8080 vuecli 端口是 8081 post请求出现跨域
在config/index.js也修改了proxyTable 还是跨域。还有什么解决办法吗？

...全文

399 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

紫魂一号 2019-01-16

打赏
举报

回复

跨域问题最好还是交给后台处理。。

冬天那么冷 2019-01-16

打赏
举报

回复

使用谷歌浏览器，有一种通过更改谷歌后缀的方式可以临时处理跨域问题。在网上搜一下就可以

主要介绍了Vue axios 跨域请求无法带上cookie的解决，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

我们在vue开发中用axios进行跨域请求时有时会遇到，同一个接口请求了两次，并且第一次都是options请求，然后才是post/get请求如下图 options请求 get请求为什么会出现这种原因呢？这是因为CORS跨域分为简单跨域请求和复杂跨域请求；简单跨域不会发送options请求，复杂跨域会发送一个预检请求options。 1.简单跨域满足的条件 1.请求方式是以下三种之一： HEAD GET POST 2.HTTP的头信息不超出以下几种字段 Accept Accept-Language Content-Language Last-Event-ID Content-

POST请求变成OPTIONS 及报错信息（跨域）主要解决方案：使用qs.stringify 1、安装qs npm install qs –save 2、axios配置和使用在接口请求页面引入安装好的qs，如下图：引入完成之后使用qs改变传递的参数data，如下：这样就可以了，post请求的时候就不会再出现OPTIONS了补充知识：axios发起请求，为什么先发送options请求，再发送get/post请求引起原因 1，跨域； 2，请求头非默认情况。默认请求头如下 Accept Accept-Language Content-Language Last-Eve

1. 通过axios实现数据请求 vue.js默认没有提供ajax功能的。所以使用vue的时候，一般都会使用axios的插件来实现ajax与后端服务器的数据交互。注意，axios本质上就是javascript的ajax封装，所以会被同源策略限制。下载地址： https://unpkg.com/axios@0.18.0/dist/axios.js https://unpkg.com/axios@0.18.0/dist/axios.min.js axios提供发送请求的常用方法有两个：axios.get() 和 axios.post() 。增 post 删 delete 改 put

背景：因为axios中只能使用get和post方法来进行请求数据，没有提供jsonp等方法进行跨域访问数据 axios中文网址：https://www.kancloud.cn/yunye/axios/234845 // axios 中的GET请求 axios.get('/user', { params: { ID: ‘001’ } }) ...

43,739

社区成员

5,593

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章