跨域处理

产生原因

跨域产生的原因是由于前端地址与后台接口不是同源，从而导致 ajax 不能发送

非同源产生的问题

Cookie、LocalStorage 和 IndexDB 无法获取
DOM 无法获得
AJAX 请求不能发送

同源条件

协议，端口，主机三者相同即为同源

反之，其中只要某一个不一样则为不同源

本地开发跨域

本地开发一般使用下面 3 种方式进行处理

vite 的 proxy 进行代理
后台开启 cors
使用 nginx 转发请求

项目内部自带第一种方式，具体可以参考服务端交互-本地开发环境接口地址修改

生产环境跨域

生产环境一般使用下面 2 种方式进行处理

后台开启 cors
使用 nginx 转发请求

后台开启 cors 不需要前端做任何改动

nginx 配置文件可以查看 nginx 配置

posted @ 2023-03-28 21:19 RioTian 阅读(29) 评论(1) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· IDEA整合SSM框架：简易图书操作模块

· 解决跨域的问题简单介绍

· 3-22 跨域是什么？有哪些解决方式？

阅读排行：
· Obsidian + DeepSeek：免费 AI 助力你的知识管理，让你的笔记飞起来！
· 分享4款.NET开源、免费、实用的商城系统
· 解决跨域问题的这6种方案，真香！
· 一套基于 Material Design 规范实现的 Blazor 和 Razor 通用组件库
· 5. Nginx 负载均衡配置案例(附有详细截图说明++)

历史上的今天：
2022-03-28 Ubuntu20.04上安装MySQL8.0（绝对保证能够正常使用）
2022-03-28 在 Ubuntu 20.04 上安装 Visual Studio Code
2021-03-28 AtCoder Beginner Contest 197（Sponsored by Panasonic） Person Editorial