前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >axios跨域问题

axios跨域问题

作者头像
windseek
发布2018-12-28 13:36:06
3.3K0
发布2018-12-28 13:36:06
举报
文章被收录于专栏:杨龙飞前端杨龙飞前端

最近遇到一个很奇怪的问题,在帮助测试妹子做一个小项目的时候,遇到了一个很棘手的问题,axios请求的时候报404,请求type是options,我当时的第一反应就是跨域问题,果然在console里面还是发现了跨域的错误,但是后台死活不承认是自己的跨域问题,我只好前台改了,好费劲啊

具体方法如下,

1、引入querysring插件,

2、所有的form数据使用这个插件做一次处理,qs.stringfy(data),这样就解决了,

3、但是。。。这种就不是json格式的数据了,这种就是form表单提交了,当然不存在跨域了

仔细想想不对,我当然还是希望用json来交互数据了,经过一番折腾,具体步骤如下

1、搭建koa服务

2、npm install --save koa2-cors

3、var cors = require('koa2-cors'); app.use(cors()); 启动nodejs服务;

4、前端使用json格式的数据发送请求

axios({

url: 'http://localhost:3000/api/products',

data: {

name: 'yanglongfei.com',

test: 'test11'

},

method: 'post'

})

5、ok了,也通过了,axios的跨域数据交互方式告一段落 

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018-12-24 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档