axios跨域问题
2024-10-20 04:03:55
最近遇到一个很奇怪的问题,在帮助测试妹子做一个小项目的时候,遇到了一个很棘手的问题,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的跨域数据交互方式告一段落
最新文章
- Docker化运维方式讲解
- Yii2 使用a标签发送post请求
- LeetCode【169. Majority Element】
- 【转】DDR3详解(以Micron MT41J128M8 1Gb DDR3 SDRAM为例)
- 【阅读】提问的智慧+有效的报告BUG
- Maven管理项目架包
- HDU 1045 Fire Net(图匹配)
- Mysql时间戳开始时间1970-01-01 00:00:00和PHP date慢8小时
- UTF-8和UTF-8无BOM,一个会导致文件中中文变量无法匹配的bug
- springboot 入门六-多环境日志配置
- 背水一战 Windows 10 (108) - 通知(Tile): application tile 基础, secondary tile 基础
- Java开发环境配置(3)--eclipse汉化插件安装、卸载 中遇到的问题
- 51nod 1101 换零钱 (完全背包)
- hdu 1027 输出第m个全排列(next_permutation)
- Master-Worker集群计算demo
- NFS基础配置
- delphi 实现Ribbon风格的窗体
- DCM 图片查看
- The APR based Apache Tomcat Native library which allows optimal performance in production environments was not found on the java.library.path:
- spring boot 自定义过滤器链
热门文章
- 119. Pascal's Triangle II (Graph; WFS)
- AnimationState
- windows 安装git
- macOS 安装设置 Tunnelblick (openvpn 替代)
- ssh scp命令详解
- 使用tengine解决负载均衡的session问题
- 矩阵乘法np.dot()及np.multiply()以及*
- 友盟统计小白教程:创建应用,申请appkey
- Linux下javaweb环境搭建
- 用Swift实现一款天气预报APP(三)