VUE3请求意外报跨越错误或者500错误问题

devtools/2024/9/25 23:19:55/

1.有可能是请求传参和传参类型写错了

首先要确保该请求接口是支持跨域的(不支持叫后端改)

access-control-allow-headers:Content-Type, Accept, Access-Control-Allow-Origin, api_key, Authorization
access-control-allow-methods:GET, POST, OPTIONS
access-control-allow-origin:*

在这里插入图片描述

application/x-www-form-urlencoded 是一种 HTTP 请求体的 MIME 类型,它定义了如何将表单数据编码成键值对的形式。这种编码方式通常用于发送表单数据到服务器,在这种编码下,键值对通过 = 连接,不同的键值对之间通过 & 分隔。

JS原生写法

// 发送请求
fetch("http://Files.xxxx.com/Home/PackedFile", {method: "POST",headers: {"Content-Type": "application/x-www-form-urlencoded",//传参类型},body: "FilePath=/SiteFiles/image/20240813/202408131135564792ss.png,/SiteFiles/image/20240813/202408131041042778ss.png",//请求传参}).then((response) => response.json()).then((data) => console.log(data)).catch((error) => console.error("Error:", error));}

或者使用axios

import axios from "axios";//引用axiosconst rawData = "FilePath=" + arrayOrComma(arr);//请求参数axios.post("https://Files.xxxx.com/Home/PackedFile", rawData, {headers: {"Content-Type": "application/x-www-form-urlencoded",//传参类型},}).then((response) => {console.log(response.data);}).catch((error) => {console.error("Error sending data:", error);});

http://www.ppmy.cn/devtools/94480.html

相关文章

[log4cplus]: 快速搭建分布式日志系统

关键词: 日志系统 、日志分类、自动分文件夹、按时间(月/周/日/小时/分)轮替 一、引言 这里我默认看此文的我的朋友们都已经具备一定的基础,所以,我们本篇不打算讲关于log4cplus的基础内容,文中如果涉及到没有吃透的点,需要朋友们动动自己聪明的脑袋和发财的手指,进一…

ECCV2024,清华百度提出ReSyncer:可实现音频同步嘴唇动作视频生成。

清华&百度等联合提出了ReSyncer,可以实现更高稳定性和质量的口型同步,而且还支持创建虚拟表演者所必需的各种有趣属性,包括快速个性化微调、视频驱动的口型同步、说话风格的转换,甚至换脸。 ReSyncer的工作原理可以简单理解为…

Github 2024-08-14 C开源项目日报Top10

根据Github Trendings的统计,今日(2024-08-14统计)共有10个项目上榜。根据开发语言中项目的数量,汇总情况如下: 开发语言项目数量C项目10Objective-C项目1PHP项目1Python项目1PHP:流行的Web开发脚本语言 创建周期:4710 天开发语言:C, PHP协议类型:OtherStar数量:37340 …

治理两个自动播放视频的应用:微信、浏览器

你的流量是否偷偷跑了? 首先,微信 发现页--在「搜一搜」界面点击右上角的「」,可以看到「搜一搜」的新增了「移动网络下视频自动播放」的开关。 关闭后,在手机连接移动网络的状态下,将不会再自动播放视频 此外&#…

LeetCode 热题 HOT 100 (023/100)【宇宙最简单版】

【技巧】No. 0647 回文子串【中等】👉力扣对应题目指路 希望对你有帮助呀!!💜💜 如有更好理解的思路,欢迎大家留言补充 ~ 一起加油叭 💦 欢迎关注、订阅专栏 【力扣详解】谢谢你的支持&#xff…

Spring面试题(三)

目录 十四、Spring框架中的Bean的作用域 十五、Spring 框架中的Bean的线程安全 十六、Spring 框架中的Bean生命周期 十七、Spring 框架如何解决循环依赖? 十八、Spring 框架中有哪些注解? 十九、Spring 框架中用到的设计模式 二十、Spring 框架中AOP的基本理解 二十一…

基于YOLOv5的多目标社交距离监测系统(yolov5实现多目标检测,距离太近为红色,距离过近为黄色,距离适中为绿色)

本项目旨在利用计算机视觉技术,特别是目标检测算法,来实时监测公共场合中人群的社交距离情况。通过摄像头或视频输入,系统能够识别并跟踪个体,评估它们之间的距离,并根据这些距离来判断是否符合推荐的社交距离标准。系…

opencv基础的图像操作

1.读取图像,显示图像,保存图像 #图像读取、显示与保存 import numpy as np import cv2 imgcv2.imread(./src/1.jpg) #读取 cv2.imshow("img",img) #显示 cv2.imwrite("./src/2.jpg",img) #保存 cv2.waitKey(0) #让程序进入主循环(让…