跨域的几种解决方法-优快云博客

本文链接：https://blog.youkuaiyun.com/myazwj/article/details/121312080

本文讲述了跨域的概念，浏览器的同源策略限制，并提供了解决跨域问题的方法，包括使用创建跨域浏览器和配置proxy代理。通过实例详细介绍了如何在实际开发中应用这些技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一.首先了解什么是跨域？

跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的

也就是说它是浏览器施加的安全保护限制

同源是指：

协议，域名，端口，三者都相同

打个比方：假如一个网址是 http://baidu.com:8080?user=name&pwd=password

那么http是协议

baidu.com是域名

8080就是端口

问号后面的是查询字符串

user=name&pwd=password 是地址带的参数

使用跨域浏览器

1.创建一个文件夹， C:\aaa

2.创建一个谷歌浏览器的快捷方式

3.在快捷方式点右键 =>属性=>目标，移动到最后，加入空格，粘贴 --disable-web-security --user-data-dir=C:\aaa

最后点击确定，打开后就是跨域浏览器

使用proxy配制代理

1.修改.env.development内的基地址为：

VUE_APP_BASE_API = '/abc'

2.加入proxy配制

devServer:{
   proxy: {
      '/abc': {
        target: 'http://localhost:3000/api',
        // 真实调用的接口基地址它会target+/abc=>http://localhost:3000/api/abc
        pathRewrite: {
          '^/abc': ''
        }
      }
    }
}

然后重启脚手架就好了---这个上线的时候不能用！

-----这些都是飞哥讲述的，看到的朋友望能解困惑！------------