问题—前端调用接口url多加一个/,本地可以调通,测试环境报错302,分开调两个接口

news2025/3/1 21:14:37

问题背景

接口url前面多加一个/ ,npm run serve 起项目,本地调用正常

在这里插入图片描述
npm run build 打包到测试环境,接口出现问题,分开调用接口,且报302错误

在这里插入图片描述

问题原因:

本地开发环境和测试环境的URL处理方式不同
本地使用vue-cli工具,工具内部使用webpack-dev-server等实现热更新和启动本地服务,webpack-dev-server对URL的处理较为宽松,多出来的”/“会被忽略。

而在测试环境中,这个”/“不会被忽略,因为你的请求将由服务器处理,如Nginx等,服务器接收到你的请求后,不会像webpack-dev-server那样忽略这个”/“,它会严格按照URL进行处理,导致了你后端接收到两个接口请求。

所以,我们在编写代码,特别是涉及到URL处理的时候,需要注意这个问题,尽量避免多出”/“。忽略。

你可以尝试以下几种解决办法

  1. 配置服务器:如果可能,你可以配置你的测试环境服务器,让它自动去除 URL 中多余的 /。具体的配置方法取决于你的服务器软件。

  2. 使用 URL 模块:你可以使用 Node.js 的 url 模块或者其他类似的库来构造你的请求 URL。这些库通常会自动处理 URL 中的多余 /。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1673651.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

专业的服贸会服务团队-媒体邀约宣传

传媒如春雨,润物细无声,大家好,我是51媒体网胡老师。 2024服贸会开展在即,许多企业都做好了的参展的准备,北京麦塔文化提供专业的展览展会服务,下面做个简单介绍。 、会场搭建团队: 负责整个活…

Ansys Zemax|HUD 设计实例

说明 本文介绍了HUD设计实例。 实例说明 规格如下: 显示器尺寸:24*8mm 眼盒尺寸:100*40mm 放大倍率:5 (虚像尺寸 120*40mm) 虚像距离:1.8m 最终光学系统的整体布局如下图所示。 从HUD发出的…

478.8-480W 宽电压输入 AC/DC 导轨式开关电源——TPR/SDR-480-XS 系列

TPR/SDR-480-XS 系列导轨式开关电源,额定输出功率为478.8-480W,产品输入范围:85-264VAC。提供24V、36V、48V输出,具有短路保护,过载保护等功能,并具备高效率,高可靠性、高寿命、更安全、更稳定等…

GRFB-UNet:一种新的多尺度注意力网络,用于铺路分割

不同场景下的带注释的触觉铺装示例: GRFB-UNet网络结构: GRFB模块的结构: 铺路在视障人士的旅行中起着至关重要的作用。因此,识别铺装的形状和位置以支持视障人士的移动性是相当有意义的,而视觉分割技术就适合这项任务。为了有效提高触觉铺装分割的精度和鲁棒性,…

RS485和RS232区别

RS485和RS232接口在物理外观上的区别主要在于连接器的类型和接线方式上。这两种串行通讯接口虽然在功能上有所不同,但外观上也有一些显著的特点。 连接器类型: RS232 接口通常使用DB9或DB25类型的连接器。DB9是较为常见的,拥有9个针脚&#x…

小程序的小组件

进度的组件 文字换行过滤 以及 排序 简单易懂 只为了记录工作 <template><div><ProgressBar :progress"progress" /><button click"increaseProgress">增加进度</button><view class"goods-name">12…

Ubuntu18.04安装OpenCV和OpenCV_Contrib

1. &#xff08;如果需要&#xff09;卸载已安装的OpenCV库 删除opencv其他的相关文件 sudo rm -r /usr/local/include/opencv2 sudo rm -r /usr/local/include/opencv sudo rm -r /usr/include/opencv sudo rm -r /usr/include/opencv2 sudo rm -r /usr/local/share/opencv…

C语言 文件操作

目录 1. 什么是文件&#xff1f;2. 二进制文件和文本文件3. 文件的打开和关闭3.1 流和标准流3.1.1 流3.1.2 标准流 3.2 文件指针3.3 打开、关闭文件3.3.1 fopen - 打开文件3.3.2 fclose - 关闭文件 4. 文件的顺序读写4.1 fgetc - 从文件流获取一个字符4.2 fputc - 将一个字符写…

Unreal自定义字体中,缺少字怎么办,有没有字表?

关键词&#xff1a;自定义字体&#xff0c;字表&#xff0c;编码&#xff0c;UTF-8,4E00-9FFF,4E00-9FA5,字符查重&#xff0c;字符唯一&#xff0c; 问题&#xff1a; 游戏中经常要自定义字体&#xff0c; 自定义字体往往要做离线字库 offline fonts 离线字库 离不开字符表。…

Qt实现水平方向流式布局FlowLayout简单又实用!

Qt中常见的布局管理器有&#xff1a; QHBoxLayout&#xff1a;水平布局&#xff08;常用&#xff09; QVBoxLayout&#xff1a;垂直布局&#xff08;常用&#xff09; QGridLayout&#xff1a;表格布局&#xff08;常用&#xff09; QFormLayout&#xff1a;表单布局&#…

009.Rx(Reactive Extenstions)的关系

响应式扩展库在组成响应式系统的应用程序中发挥作用&#xff0c;它与消息驱动的概念相关。Rx不是在应用程序或服务器之间移动消息的机制&#xff0c;而是在消息到达时负责处理消息并将其沿着应用程序内部的执行链传递的机制。需要说明的是&#xff0c;即使您没有开发包含许多组…

拥有一台服务器可以做哪些有趣又实用的事情?

在接触云服务器这个概念你以前&#xff0c;你是不是在想&#xff1a; 可能是&#xff0c;云服务器&#xff0c;这个产品的存在&#xff0c;它可以为你做些什么实用的事情吗&#xff1f; 或者是&#xff0c;云服务器这个看似高大上的科技产品&#xff0c;其实可以为我们的生活…

银河麒麟服务器操作系统V10-SP1部署gitlab服务

安装依赖 yum -y install policycoreutils-python openssh-server openssh-clients postfix cronie curl下载gitlab-ce-15.4.2-ce.0.el8.x86_64.rpm安装包。 wget --content-disposition https://packages.gitlab.com/gitlab/gitlab-ce/packages/el/8/gitlab-ce-15.4.2-ce.0.…

ansys apdl求解器设置、Analysis option位置、多核设置

目录 求解器设置、Analysis option位置 解决内存不足&#xff0c;加速求解 求解器设置、Analysis option位置 一次仿真中注意到以下信息&#xff1a; During this loadstep the PCG iterative solver took more than 1000 iterations to solve the system of equations. I…

AD中在DRC后如何显示详细错误(冲突)细节

最近在使用AD过程中出现了一个问题&#xff0c;在这里做一下记录&#xff0c;以便之后查询。 在我进行DRC后&#xff0c;出现了错误&#xff0c;但是当我去放大查找具体原因时发现以前有的细节现在却没有显示了&#xff0c;如下图所示&#xff0c;放大后并未显示详细的错误信息…

弘君资本策略:股指预计保持震荡上扬格局 关注公用事业、电网设备等板块

弘君资本指出&#xff0c;周一A股商场探底上升、小幅震动收拾&#xff0c;早盘股指低开后震动回落&#xff0c;沪指盘中在3126点附近取得支撑&#xff0c;午后股指企稳上升&#xff0c;盘中电网设备、公用事业、电力以及工程建造等职业体现较好&#xff1b;半导体、互联网以及软…

axios传参方式

params参数通常用于GET请求添加查询参数&#xff0c;POST一般使用data参数传递参数 1、data传参 1-1、表单传参 // 方法定义 export function save(data) {return request({url: /url,headers: { Content-Type: multipart/form-data },method: post,data: data,}) }// 调用函…

看透了!软考系分就这68道母题,历史重复率90%

距离软考考试的时间越来越近了&#xff0c;趁着这两周赶紧准备起来。 今天给大家整理了——软考系统分析师68道经典母题&#xff0c;有PDF&#xff0c;可打印&#xff0c;每天刷几道&#xff0c;考试就像遇到“老朋友”。 1、企业信息化规划是一项长期而艰巨的任务&#xff0c…

【GPT4O 开启多模态新时代!】

系列文章目录 GPT-4o的出现&#xff0c;让 AI 真正进入了全能时代&#xff0c;而且 OpenAI 宣布所有人免费使用&#xff01; 不论你是需要写文章、听声音还是看视频&#xff0c;GPT-4o都能满足你的需求 文章目录 系列文章目录什么是GPT-4o&#xff1f;一、GPT-40 的新功能二、…

【JavaEE 初阶(六)】网络编程

❣博主主页: 33的博客❣ ▶️文章专栏分类:JavaEE◀️ &#x1f69a;我的代码仓库: 33的代码仓库&#x1f69a; &#x1faf5;&#x1faf5;&#x1faf5;关注我带你了解更多网络知识 目录 1.前言2.浅谈网络2.1基本知识2.2.OSI与TCP/IP 3.网络编程3.1TCP与UDP区别3.2UDP网路编程…