首页 > 其他分享 >跨域处理

跨域处理

时间:2023-03-28 21:38:14浏览次数:34  
标签:跨域 处理 开启 nginx 同源 cors 后台

产生原因

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

非同源产生的问题

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

同源条件

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

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

解决方式

本地开发跨域

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

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

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

生产环境跨域

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

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

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

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

标签:跨域,处理,开启,nginx,同源,cors,后台
From: https://www.cnblogs.com/RioTian/p/17266762.html

相关文章

  • Python-异常处理
    Python中也有异常处理的方式:演示代码:try:user_weight=float(input("输入体重:"))user_height=float(input("输入身高:"))user_bmi=user_weight/......
  • 优雅的接口防刷处理方案
     前言本文为描述通过Interceptor以及Redis实现接口访问防刷Demo这里会通过逐步找问题,逐步去完善的形式展示原理通过ip地址+uri拼接用以作为访问者访问接口区......
  • OpenCV图像处理|1.1 OpenCV介绍与环境搭建
    1.1OpenCV介绍与环境搭建1.1.1介绍OpenCV(OpenSourceComputerVisionLibrary)开放源代码计算机视觉库,主要算法涉及图像处理、计算机视觉和机器学习相关方法。OpenCV其......
  • Python 文件处理
    文件处理是任何Web应用程序的重要组成部分。Python有几个用于创建、读取、更新和删除文件的函数。文件处理在Python中使用文件的关键函数是 open() 函数。open......
  • 服务器处理能力估算(CPU、内存、存储)之二
    1  引题  但凡写过技术方案的都知道,在技术方案最终落实到工程实施部署时,必须编制出当前解决方案需要部署的IT设备及环境,包括:需要的网络环境、端口、带宽、组网......
  • jmeter处理验证码的几种方式
    1、验证码通过接口获取,接口返回为json,验证码为json中一个字段的值,该值为图片进行base64加密后的内容返回值的形式如下:{"code":200,"msg":"","data":"iVBORw0KGgoAA......
  • 缺失值处理基础语法
    1、Imputerfromsklearn.preprocessingimportImputerfromsklearn.model_selectionimporttrain_test_splitimportpandasaspdfileName='***/abc.xlsx'df=pd......
  • C#快捷编译并发布的批处理脚本
    发布批处理发布批处理::生成新的版本setyear=%date:~2,2%setmonth=%date:~5,2%setday=%date:~8,2%setVERSION=%year%%month%%day%setNEWVERSION=1.0.0.%VERS......
  • Android Fragment使用(四) Toolbar使用及Fragment中的Toolbar处理
    Toolbar作为ActionBar使用介绍本文介绍了在Android中将Toolbar作为ActionBar使用的方法.并且介绍了在Fragment和嵌套Fragment中使用Toolbar作为ActionBar使用时需要注意的......
  • 资源处理
    图片压缩1.Caesium50mb官网github搬运......