博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
axios跨域问题
阅读量:6614 次
发布时间:2019-06-24

本文共 629 字,大约阅读时间需要 2 分钟。

最近遇到一个很奇怪的问题,在帮助测试妹子做一个小项目的时候,遇到了一个很棘手的问题,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的跨域数据交互方式告一段落 

转载于:https://www.cnblogs.com/windseek/p/10167471.html

你可能感兴趣的文章
ASP.NET WEB页面多语言支持解决方案(转)
查看>>
matlab坐标轴设置
查看>>
Android开发环境搭建及配置phoneGap
查看>>
cg数据类型
查看>>
angularjs $http 服务
查看>>
离散卷积与自相关----------信号处理系列[原创]
查看>>
java 观察者模式
查看>>
Azure SQL Database (19) Stretch Database 概览
查看>>
VBA概述之在Office产品中创建自己的应用程序
查看>>
在C#中使用属性控件添加属性窗口
查看>>
linux内核驱动中对字符串的操作【转】
查看>>
delegate引用参数示例
查看>>
printf()详解之终极无惑
查看>>
交叉检验---训练数据,验证数据和测试数据
查看>>
Emacs中多个golang项目的配置方法
查看>>
Linux下的Backlight子系统(一)【转】
查看>>
AspNetPager分页控件配置
查看>>
【Android开发坑系列】之Fragment
查看>>
c++ 注册表的设置立即生效
查看>>
sql日期转换
查看>>