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的项目地址,但是实际请求已经发送给配置代理的目标地址了:

相关推荐
励志不掉头发的内向程序员21 小时前
从零开始的python学习——列表
开发语言·python·学习
用户516816614584121 小时前
Uncaught ReferenceError: __VUE_PROD_HYDRATION_MISMATCH_DETAILS__ is not defined
前端·vue.js
huabuyu21 小时前
构建极致流畅的亿级数据列表
前端
小枫学幽默21 小时前
2GB文件传一半就失败?前端大神教你实现大文件秒传+断点续传
前端
熊猫片沃子1 天前
Vue 条件与循环渲染:v-if/v-else 与 v-for 的语法简介
前端·vue.js
ai产品老杨1 天前
打破技术壁垒,推动餐饮食安标准化进程的明厨亮灶开源了
前端·javascript·算法·开源·音视频
文心快码BaiduComate1 天前
来WAVE SUMMIT,文心快码升级亮点抢先看!
前端·后端·程序员
布列瑟农的星空1 天前
html中获取容器部署的环境变量
运维·前端·后端
工会代表1 天前
nginx配置,将前端项目配置到子路径下踩过的坑。
前端·nginx