vue2配置跨域后请求的是本机

ops/2025/1/18 23:31:14/

这个我来说明一下,因为我们公司的后端设置解决了跨域问题,所以我有很久没有看相关的内容了,然后昨天请求了需要跨域的接口,请求半天一直不对,浏览器显示的是本机地址,我以为是自己配置错了,后面发现

其实配置了跨域之后,浏览器中看的请求地址就是自己的本机地址,并且是vue2项目的地址,如果后端没有返回,那是后端接口的问题

比如现在我在本地启动了一个端口是 2555 的接口,然后配置跨域

配置代码:

组件代码:

<template><div><el-button @click="sendRequest">点我发送请求</el-button></div>
</template><script>
import axios from 'axios'
export default {name: '',methods: {sendRequest() {axios.get('/api/users/test').then((res) => {console.log(res, 'res')this.$message.success(res.data)})},},
}
</script><style lang="" scoped></style>

点击发送请求之后,浏览器网络页面显示的是vue2的项目地址,但是实际请求已经发送给配置代理的目标地址了:


http://www.ppmy.cn/ops/151211.html

相关文章

基于 Python 的毕设选题管理系统设计与实现

标题:基于 Python 的毕设选题管理系统设计与实现 内容:1.摘要 本文介绍了一个基于 Python 的毕设选题管理系统的设计与实现。该系统旨在解决传统毕设选题管理方式中存在的效率低下、信息不透明等问题。通过使用 Python 语言和相关技术&#xff0c;实现了对毕设选题的信息化管理…

【STM32HAL-----GPIO】

1. 什么是GPIO&#xff1f;&#xff08;了解&#xff09; 2. STM32 GPIO简介 2.1. GPIO特点 2.2. GPIO电气特性 2.3. GPIO引脚分布图 IO引脚分布特点&#xff1a;按组存在、组数视芯片而定、每组最多16个IO引脚。 3. IO端口基本结构介绍 4. GPIO八种工作模式 4.1. 输入浮空 特…

leetcode(hot100)22-28

解题思路&#xff1a; 用双指针思想&#xff0c;一个定义在A链表一个定义在B链表 这里要知道的是两个无论相交不相交链表指针走完两个链表的路程是相同的&#xff0c;所以设置一个循环 &#xff0c;当两个指针不相等的时候循环&#xff0c;相等了就返回其中一个节点。 解题思路…

如何在亚马逊云科技上消除无服务器网页应用冷启动时间(下篇)

背景 我们在云端搭建无服务器&#xff08;serverless&#xff09;开发架构时&#xff0c;经常会被冷启动&#xff08;cold start&#xff09;带来的应用延迟所困扰。冷启动是指当无服务器资源在一段时间内未被调用&#xff0c;或需要扩展以处理新请求时&#xff0c;系统需要初…

Web3如何赋能元宇宙中的数字身份与隐私保护

随着元宇宙的不断发展&#xff0c;数字身份和隐私保护成为了其中的关键议题。在传统互联网中&#xff0c;个人数据由中心化平台控制&#xff0c;而Web3的去中心化架构为数字身份的管理提供了新的解决方案&#xff0c;使得用户能够更好地保护自己的隐私。 元宇宙中的数字身份问…

基于springboot的家具销售电商平台

作者&#xff1a;学姐 开发技术&#xff1a;SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等 文末获取“源码数据库万字文档PPT”&#xff0c;支持远程部署调试、运行安装。 项目包含&#xff1a; 完整源码数据库功能演示视频万字文档PPT 项目编码&#xff1…

【机器学习实战入门项目】MNIST数字分类机器学习项目

Python 深度学习项目&#xff1a;手写数字识别 为了使机器更加智能&#xff0c;开发者们正在深入研究机器学习和深度学习技术。人类通过不断练习和重复来学习执行某项任务&#xff0c;从而记住如何完成这些任务。然后&#xff0c;大脑中的神经元会自动触发&#xff0c;他们能够…

HarmonyOS使用Grid网格实现计算器功能实现

使用Grid网格处理&#xff0c;实现了计算器的加减乘除功能 Entry Component struct GridPage {State str: string ""; //暂存区State num: string "0"; //输入区State flagNum: boolean false; //标识build() {Column() {Grid() {GridItem() {Text(this…