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

相关推荐
「、皓子~12 分钟前
后台管理系统的诞生 - 利用AI 1天完成整个后台管理系统的微服务后端+前端
前端·人工智能·微服务·小程序·go·ai编程·ai写作
就改了14 分钟前
Ajax——在OA系统提升性能的局部刷新
前端·javascript·ajax
凌冰_16 分钟前
Ajax 入门
前端·javascript·ajax
wt_cs23 分钟前
银行回单ocr api集成解析-图像文字识别-文字识别技术
开发语言·python
京东零售技术31 分钟前
京东小程序JS API仓颉改造实践
前端
奋飛40 分钟前
TypeScript系列:第六篇 - 编写高质量的TS类型
javascript·typescript·ts·declare·.d.ts
老A技术联盟41 分钟前
从小白入门,基于Cursor开发一个前端小程序之Cursor 编程实践与案例分析
前端·小程序
风铃喵游44 分钟前
构建引擎: 打造小程序编译器
前端·小程序·架构
_WndProc1 小时前
【Python】Flask网页
开发语言·python·flask
sunbyte1 小时前
50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | ThemeClock(主题时钟)
前端·javascript·css·vue.js·前端框架·tailwindcss