vue 跨域问题*

方圆~~~

已于 2022-03-30 17:23:11 修改

阅读量376

点赞数

文章标签： vue echarts 前端

于 2022-03-30 17:22:46 首次发布

本文链接：https://blog.csdn.net/qq_40214451/article/details/123851843

版权

vue 跨域问题

一般出现跨域问题，，就是url中的三部分可能有不一样的，，域名或者协议，或者端口不一样。因为浏览器的同源策略，所以如果两个路径url的协议、域名、端口都相同则表示再同一个域上，可以进行相互访问，也是确保浏览器安全的重要策略，如果没有同源策略：在一个域上程序不允许访问另一个域上文本，不然通过添加 javaScript 脚本就可以轻松获取到用户信息.

目前了解到的是：在vue.config.js中配置 proxy，进行代理跨域处理
proxy: {
//将来只要是路径以/music开头，就会被代理到target。
//比如说路径是/music/list/sfads···等等。
//会自动写成：target /list/sfads···,也就是https://xxxxxx/xxxx/fxxxxxcgi-bin/ list/sfads 相当于在地址中匹配到了/music ,就会用用空来替换/music，，然后再用target和后面进行一个拼接。（https://c.y.qq.com/mv/fcgi-bin//list/sfads，如果 pathRewrite: { “^/music”: “/musicmv” },那么新的地址中/music就会变为/musicmv，也就是https://c.y.qq.com/mv/fcgi-bin//musicmv/list/sfads）
//pathRewrite可以把music转成空的。pathRewrite: { “^/music”: “” },
或者可以把music转成其他www.baid/的pathRewrite: { “^/music”: “www.baidu/” },

        "/music": {
            target: "https://xxxxxx/xxxx/fxxxxxcgi-bin/",
            pathRewrite: { "^/music": "" },
        },
    },

一般在代码中请求数据都是客户端到服务端
但是设置代理以后就会从本地服务端到服务端
例如项目中后端的接口是https*****前端部署到http上以后，1页面请求不到数据，就是跨域访问了，所以应该在前端中进行配置代理，，也应该是target :”https****”，这样的话就是 https到https的访问了就可以了