axios中post请求出错,由于content-type引起的跨域的解决方法

详说Vue中axios 表单POST提交 Vue中axios 表单POST提交 后端要求是按表单提交的形式给他数据, 这是我的原代码: // axios.post("/HisApi1/wxpay",{ // '/wxpay' // "bodyType": "06", // 09就诊卡充值 06住院预交金 // "totalAmount": this.total, ... 阅读详情

在做一个登录页面时候,一个简单的post请求,发生了错误,错误提示如下:
这里写图片描述

这是由于content-type不同,所引起的跨域。

    要知道:axios 的 content-type 是 application/json,
           jq 的 ajax 的 post 的 content-type 是 application/x-www-form-urlencoded。

解决方法:

在serve.js(这个文件专门存放所有的url请求)加上:

axios.defaults.headers['Content-Type'] = 'application/x-www-form-urlencoded'
Axios 与 uni.request POST 传参实战:3 种 Content-Type 对比与 QS 库应用 本文深入解析Axios与uni.request中POST请求的3种Content-Type应用场景,包括application/x-www-form-urlencoded、application/json和multipart/form-data,并介绍如何使用QS库处理复杂参数序列化问题,帮助开发者避免常见请求错误,提升前后端交互效率。 阅读详情

相关推荐

线性分类器(Linear Classifier)

线性分类器 如上图所示,这是二维空间中的一个数据集,如果他正好能够被一条直线分成两类,那么我们称它为线性可分数据集,这条直线就是一个线性分类器。 在三维空间中,如果数据集线性可分,是指能够被一个平面分为两类。 在一维空间中,所有的点都在一条直线上,如果线性可分。可以理解为它们能够被一个点分开。 这里的直线、平面、点被分为决策边界。 一个 m 维空间中的数据集,如果能够被一个超平面一分为二,那么这个数据集就是线性可分的,这个超平面就是决策边界。 例如,这是二维平面上的一条直线, 它可以把平面切分成两

xuechanba的博客 1万+

前端post请求Content-Type和后端对应的接收参数方式

今天遇到一个奇葩问题,废了大半天,原来是没有理解前端发送http请求传参方式,不同的content-type会进行不同传参,后台也要用不同的方式接受,在此记录一下; 我们的程序使用的是前后端分离,前端使用vue,所有的请求都做的拦截的设置: // request拦截器设置 service.interceptors.request.use( config => { switch (config.urlType) { case 'autoService': conf

tonglei111的博客 9525

论文、报告中那些乱七八糟的图(甘特图、卡吉图,桑基图,小提琴图,弦图,螺旋图,风玫瑰图)

在一些论文或报告中,总是会看到一些熟悉的图,但作者总是不能好好说话,非得搞个洋名字、缩写字或者半洋半中的词来显示它多么高大上,有时候这种故弄玄虚、华而不实的写法也实在是让人看了不伦不类,图首先是让读者更容易看懂的,不是让你来故作高深、玩玄学的。

David_jiang 9430

js 跨域 Content-Type application/json失败问题解决方案

设置Content-Type为 text/plain   参考:https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Access_control_CORS Content-Type 的值仅限于下列三者之一: text/plain multipart/form-data application/x-www-form-urlencoded ...

hknaruto的专栏 7058

k8s重装1.28.2+calico+踩坑收集+InPlacePodVerticalScaling

它提供了从镜像构建(通过 Dockerfile)、镜像管理(上传、下载、存储等)、容器创建、运行、网络配置(可以为容器分配自定义的网络,如 bridge 网络、host 网络等)到容器编排(通过 Docker Compose 可以简单地编排多个容器的启动和关联关系)等一整套完整的解决方案。它的核心功能是启动和管理容器的生命周期。sudo apt update这个可以经常用,是来更新软件包的,它不下载,所以没风险,但是经常会报错,别问,问就是某种强大的力量,所以用镜像或者代理或者巴拉巴拉。

SsjjsS2019的博客 2554

吃透Chisel语言.02.Chisel+VS Code+Ubuntu/WSL2开发环境搭建与使用

既然是学Chisel语言,那肯定得先把环境配置好,磨刀不误砍柴工嘛。而且有个测试环境的话,在后期的学习过程中自己去试运行代码段可以加深学习效果。这里推荐使用Ubuntu或者基于WSL2(Windows Subsystem Linux 2)的Ubuntu,本人使用的是WSL2上的Ubuntu 20.04.3 LTS,在使用体验上与Ubuntu几乎没有区别,且能同时使用Windows提供的诸多便利。...

github-3rr0r的博客 8448

【问】GET请求content_type错误引起的400

1. 问题描述 客户端收集点击上报的时候,会给第三方同时上报。最近发现,两者数量存在较大的差异。 首先确定了差异较大的客户端版本,客户端使用HTTP2.0发起GET请求,抓包发现和正常请求有以下两处不同。 1.自家使用的HTTP/1.1协议,第三方使用的HTTP/2.0协议。 2.由于历史原因请求头Content-Type为appl...

Little SunShine 1085

Ubuntu运行vmware时报错Vmware Unable to install all modules!Use shipped Linux kernel AIO access library解决。

Ubuntu运行vmware时报错Vmware Unable to install all modules! vmware --version 提示下面内容: [AppLoader] Use shipped Linux kernel AIO access library. An up-to-date "libaio" or "libaio1" package from your system is preferred. VMware Workstation 16.1.2 build-17966106

wto882dim的博客 2849

请求头里使用content-type报错

是因为content-type没有使用引号。

qq_42628556的博客 668

汽车电子RTOS--AUTOSAR OS

AUTOSAR OS(AUTomotive Open System ARchitecture Operating System)是AUTOSAR(汽车开放系统架构)标准中的一个重要组件,它是一个专门为汽车电子控制单元(ECU)设计的实时操作系统(RTOS)。AUTOSAR OS旨在提供一个标准化的软件平台,以促进不同供应商和汽车制造商之间的组件复用和协同开发,提高软件质量和降低成本。

MHD0815的博客 1800

DeepSeek 赋能太空探索:从轨道优化到星际开拓的 AI 革命

随着人工智能技术蓬勃发展,DeepSeek 在太空探索领域展现出巨大应用潜力。本文深入剖析 DeepSeek 技术核心,包括低功耗运算、开源生态等优势,阐述其与传统航天技术的差异。从航天器自主控制、深空探测、载人航天等关键环节,结合实时轨道调整、故障诊断修复等实例,揭示 DeepSeek 对航天任务效率与安全性的提升作用。同时探讨其应用面临的太空环境适应、伦理安全等挑战,展望技术演进方向及与前沿技术融合前景,展现 DeepSeek 为人类太空探索带来的变革与深远意义。

邓邓子的博客 2259

【error】 Content type ‘application/octet-stream‘ not supported app端调接口时报错,自己调用时不报错

【error】 Content type 'application/octet-stream' not supported app端调接口时报错,自己调用时不报错

想去码头整点儿薯条儿~ 1万+

69、SAP数据库归档重做日志备份策略与工具详解

本文详细解析了SAP数据库归档重做日志备份的重要性及策略,介绍了SAP提供的备份工具brarchive及其配置和使用方法,探讨了BRBACKUP与BRARCHIVE的联合运行、一致在线备份、备用数据库备份场景以及备份策略的综合应用与优化。此外,还分析了备份过程中常见问题的解决方法、备份监控与评估流程、与第三方备份解决方案的集成方式,以及未来备份技术的发展趋势和应对策略。通过合理运用这些策略和工具,可以有效保障SAP数据库的安全性和可恢复性。

peace的博客 136

axios post请求跨域403以及传参问题解决

一个react的项目,其中使用axios作为http请求工具,在使用时遇到了一些坑,记录I一下。 1、get请求,报跨域错误: has been blocked by CORS policy: Response to preflight request doesn’t pass access control check: It does not have HTTP ok status. 后端使用springmvc,在controller的方法中,添加response的响应控制即可: httpRe

赶路人儿 1万+

温度PID控制PLC程序

温度PID稳定控制程序,适用于欧姆龙PLC,对其他PLC也具有很大参考价值

假人有限元模型

假人模型,车辆碰撞假人有限元模型,适合做乘员安全的研究者利用

axios 跨域请求详情

axios 跨域请求详情 写这篇文章的背景是因为之前遇到的,在跨域的情况下通过 axios 发起的 get 请求正常,post 请求会在正式请求发送之前先发送一个 opstions 请求,而后端接口没有兼容 options,导致 404 的情况。 而在解决这个问题时带着好奇心顺带查了一下,给自己补充了些知识点 跨域请求分两种 简单讲, 从 JavaScript 代码发起的 XMLHttpRequest 请求可以分为两种: 不会触发CORS预检的请求,而是直接向服务端发送请求,什么是 CORS预检 咱们后面

m0_53266704的博客 2753

IMSL CNL 7.0.0 (x86-64)Crack

IMSL CNL 7.0.0 (x86-64)Crack intel的算法库破解文件,这是C++版本的破解文件

Axios请求中Content-Type的使用总结

Axios请求头中的Content-Type常见的有3种:     1.Content-Type:application/json     2.Content-Type:application/x-www-form-urlencoded     3.Content-Type:multipart/form-data 1.Content-Type: application/json Axios中默认的请求类型,它声明了请求数据会以json字符串的形式发送。在php中,使用$_POST是接收不到的

冰雪为融的博客 5951

老版QQ原生表情gif动态

这是老版的QQ表情,不过全是动态的的,Windows照片查看器是不会动的,可以右击用浏览器打开查看,再说一遍是老版的,只是分享给宁愿用老版也要动态的人。

由于请求头 content-type为application/json导致请求出错

preface 最近在写 react 项目, 然后调用后台接口的时候总是报错, 我本以为是后台接口的问题 后来后台说 请求体 不能为 null 然后就简单做了总结 请求头 content-type 为下面两种格式 application/json 在该种格式情况下, 请求体不能为 null , 应是一个 json 字符串, 如果没有数据就加一个 {} 吧 因为最近一直在开发小程序, 应该是底层做了处理, 所以 同样的情况,没有报错,导致出现问题,一时间没有反应过来 application/www-from-

palmer_kai的博客 8987

vue开发:vue-cli+axios解决跨域问题

1、首先axios不支持vue.use()方式声明使用,看了所有近乎相同的axios文档都没有提到这一点  建议方式 在main.js中如下声明使用 import axios from 'axios'; Vue.prototype.$axios=axios; 那么在其他vue组件中就可以this.$axios调用使用1234 2.小小的提一下vue cli脚手架前端调后端数据接口时候的本

Generon的博客 3896

vue-cli+axios解决跨域问题

1、首先axios不支持vue.use()方式声明使用,看了所有近乎相同的axios文档都没有提到这一点 建议方式 在main.js中如下声明使用 import axios from ‘axios’; Vue.prototype.axios=axios;那么在其他vue组件中就可以this.axios=axios;那么在其他vue组件中就可以this.axios=axios; 那么在...

Derllk的博客 1296

axios.post请求出错:Request header field content-type is not allowed by Access-Control-Allow-Headers in……

axios.post请求出错:Request header field content-type is not allowed by Access-Control-Allow-Headers in…… 报错如下 报错原因:接口不正确Access-Control-Allow-Headers不允许请求报头字段内容类型。 解决办法: 在服务器端设置一下接口,使用post方法是不需要设置headers里面的Content-Type, 使用了post,Content-Type是什么就根据你传入参数的格式 如果传入

道阻且长,行则将至。 1232

axios代理跨域 cli4_vue cli+axios踩坑记录+拦截器使用,代理跨域proxy

1、首先axios不支持vue.use()方式声明使用,看了所有近乎相同的axios文档都没有提到这一点建议方式2.小小的提一下vue cli脚手架前端调后端数据接口时候的本地代理跨域问题,如我在本地localhost访问接口http://40.00.100.100:3002/是要跨域的,相当于浏览器设置了一到门槛,会报错XMLHTTPRequest can not load http://40....

weixin_39866974的博客 247

解决axios跨域问题,解决跨域请求sessionId不一致问题

axios.post跨域请求出错 ①axios设置标题和转换请求数据 var HTTP = axios.create({ baseURL:'http://localhost:8080/', headers: {'Content-Type': 'application/x-www-form-urlencoded'}, transformRequest:...

一条吃软饭的软狗 1万+

Axios发送POST请求报错,后端接收不到参数响应404

[解决] Axios发送POST请求,后端接收不到参数响应404问题说明造成问题的原因解决 问题说明 我们在项目中通常都会使用到封装好的axios来发送请求,当我们在发送POST请求时结果响应404。 使用接口测试工具postman、yapi等都可以正常响应。 报错信息如下: 请求头: 造成问题的原因 请求携带的数据格式和后端解析数据格式不一致 后端解析:接口使用 java spring mvc,注解使用了 @RequestParam 或 @RequestBody RequestParam:在这

HaHaTogether的博客 1万+

Axios POST请求传参实战:从基础到高级场景全解析

本文全面解析Axios POST请求的传参方法,从基础的JSON格式到高级的FormData、URL查询参数和URLSearchParams编码传参,涵盖文件上传进度监控、并发请求与参数合并等实战场景,帮助开发者高效处理各种HTTP请求需求。

weixin_34209851的博客 367

Vue--使用vue-cli解决跨域问题:No ‘Access-Control-Allow-Origin‘ header is present on the requested resource

​ 本文介绍Vue如何解决跨域问题:No 'Access-Control-Allow-Origin' header is present on the requested resource。 本文介绍vue-cli方案。本配置方法跟webpack的dev-server一样(除了配置位置不一样以外)。 ​......

IT利刃出鞘的博客 3166
上一篇: 面试题目
下一篇: Sublime Text 3常用插件
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值