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

相关推荐
Moment5 分钟前
终于搞懂了!Source Map 是如何让你定位打包后代码的?💥 💥 💥
前端·javascript·webpack
倔强的石头10611 分钟前
【C++指南】vector(一):从入门到详解
开发语言·c++
ITLiu_JH24 分钟前
scikit-surprise 智能推荐模块使用说明
开发语言·数据分析·智能推荐
yang_love101126 分钟前
Webpack vs Vite:深度对比与实战示例,如何选择最佳构建工具?
前端·webpack·node.js
好_快30 分钟前
Lodash源码阅读-keysIn
前端·javascript·源码阅读
好_快30 分钟前
Lodash源码阅读-nativeKeysIn
前端·javascript·源码阅读
User_芊芊君子32 分钟前
【Java】——数组深度解析(从内存原理到高效应用实践)
java·开发语言
好_快33 分钟前
Lodash源码阅读-baseKeysIn
前端·javascript·源码阅读
Good luck—dys35 分钟前
VUE如何后端控制及动态路由详细讲解
前端·javascript·vue.js
好_快38 分钟前
Lodash源码阅读-baseGetAllKeys
前端·javascript·源码阅读