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

Lysun0012025-01-17 19:32

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

其实配置了跨域之后，浏览器中看的请求地址就是自己的本机地址，并且是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的项目地址，但是实际请求已经发送给配置代理的目标地址了：