vue3前端代理,反向代理解决跨域问题(2024-7-18)
浏览器同源策略: 协议、域名和端口都相同是同源,浏览器会限制非同源请求读取响应结果。配置反向代理解决浏览器跨域问题.
·
跨域原理
浏览器同源策略: 协议、域名和端口都相同是同源,浏览器会限制非同源请求读取响应结果。
本地开发环境通过 Vite 配置反向代理解决浏览器跨域问题.
生产环境则是通过 nginx 配置反向代理 。
vite.config.ts 配置代理
server: {
proxy: {
'/v1': {
target: 'https://api-ivm.com', //华为云远程服务,
rewrite: path => path.replace(/^\/v1/, ''),
changeOrigin: true,
secure: false,
}
},
},
表面肉眼看到的请求地址: http://localhost:3000/v1/users/me
真实访问的代理目标地址: https://api-ivm.com/v1/users/me
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)