跨域原理
浏览器同源策略: 协议、域名和端口都相同是同源,浏览器会限制非同源请求读取响应结果。
本地开发环境通过 Vite
配置反向代理解决浏览器跨域问题.
生产环境则是通过 nginx
配置反向代理 。
vite.config.ts
配置代理
javascript
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