跨域原理

浏览器同源策略: 协议、域名和端口都相同是同源,浏览器会限制非同源请求读取响应结果。

本地开发环境通过 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

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐