当前位置: 首页 > article >正文

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

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

其实配置了跨域之后,浏览器中看的请求地址就是自己的本机地址,并且是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.kler.cn/a/508252.html

相关文章:

  • 归并排序算法
  • windows配置 Conda 使用阿里云镜像源
  • 交直流混合微电网多台互联变换器并联
  • 【Idea启动项目报错NegativeArraySizeException】
  • Web3与加密技术的结合:增强个人隐私保护的未来趋势
  • 网站收录入口提交的方法有哪些(网站收录的方式都有哪些)
  • 【python因果库实战20】causallib 评估图表概述3
  • Ant Design Vue --- select组件静态实现模糊搜索
  • 运维作业二
  • 【王树森推荐系统】概要03:推荐系统的AB测试
  • Starrocks 开启 Ranger 权限认证支持
  • 《机器学习》——K-means聚类
  • Java中 try-with-resources 自动关闭资源的使用
  • 【Uniapp-Vue3】showActionSheet从底部向上弹出操作菜单
  • http转化为https生成自签名证书
  • 高级编程语言的基本语法在CPU的眼中是什么样的呢?
  • javaEE初阶————多线程初阶(2)
  • 混淆矩阵 confusion matrix 怎么看 -- 识别涉黄图片的二分类为例 - 识别毒品的多分类案例解释
  • Freeswitch使用media_bug能力实现回铃音检测
  • [创业之路-249]:《华为流程变革:责权利梳理与流程体系建设》核心内容
  • 【GIS系列】打造3维GIS数字孪生效果系统:Cesium+Mapbox+SpringBoot完美实现解析
  • Spring Boot--@PathVariable、@RequestParam、@RequestBody
  • 如何使用 Go语言操作亚马逊 S3 对象云存储
  • 【Cesium入门教程】第一课:Cesium简介与快速入门详细教程
  • 机器学习——集成学习、线性模型、支持向量机、K近邻、决策树、朴素贝叶斯、虚拟分类器分析电动车数据集Python完整代码
  • boss直聘 __zp_stoken__ 分析