这个我来说明一下,因为我们公司的后端设置解决了跨域问题,所以我有很久没有看相关的内容了,然后昨天请求了需要跨域的接口,请求半天一直不对,浏览器显示的是本机地址,我以为是自己配置错了,后面发现
其实配置了跨域之后,浏览器中看的请求地址就是自己的本机地址,并且是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的项目地址,但是实际请求已经发送给配置代理的目标地址了: