1. 什么是跨域？

在了解什么是跨域之前，我们首先要了解一个概念——同源策略。

同源策略：

同源策略/SOP（Same Origin Policy） 是一种约定，由 Netscape 公司 1995 年引入浏览器，它是浏览器最核心也最基本的安全功能，现在所有支持 JavaScript 的浏览器都会使用这个策略。如果缺少了同源策略，浏览器很容易受到 XSS（跨站脚本攻击）、 CSFR （跨站请求伪造）等攻击。

所谓同源是指 “协议+域名+端口” 三者相同，即便两个不同的域名指向同一个 ip 地址，也非同源，同源策略会阻止一个域的JavaScript脚本和另一个域的内容进行交互，是用于隔离潜在恶意文件的关键安全机制。

那么跨域呢，就是在进行接口请求或获取、操作DOM元素请求时（页面嵌入了iframe），两个页面资源之间的 “协议+域名+端口” 三者之中有任何一项不同即为跨域。

2.如何解决跨域问题？

  1. 后台直接不做限制，放开所有请求。优点：方便；缺点：显而易见的不安全；

  2. JSONP
    基本原理：利用script标签的 src 不受同源策略限制，需要后端配合，已经不常用了

  3. 配置代理：Proxy
     
    首先在项目根目录下创建一个vue.config.js文件，然后在其中添加以下代码：

// vue.config.js for less-loader@6.0.0
module.exports = {devServer: {proxy: {//												


											

【Vue基础】什么是跨域？如何解决跨域问题？浅浅了解一下什么是登录鉴权相关推荐
	

    
						
  1. vue开发环境和生产环境里面解决跨域的几种方法
		
    vue开发环境和生产环境里面解决跨域的几种方法 参考文章: (1)vue开发环境和生产环境里面解决跨域的几种方法 (2)https://www.cnblogs.com/pass245939319/p/ ...
    
		
    2. 
						
  2. 【VUE】vue在vue-cli3环境下基于axios解决跨域问题
		
    [VUE]vue在vue-cli3环境下基于axios解决跨域问题 参考文章: (1)[VUE]vue在vue-cli3环境下基于axios解决跨域问题 (2)https://www.cnblogs. ...
    
		
    3. 
								
  3. vue+Java后端进行调试时如何解决跨域问题
		
    今天在开发过程中遇到一个问题,拿到了一套vue代码,计划对这套代码的部分样式进行调整,Java后端代码已经写好并且部署到了线上.这时命令行运行vue项目时访问会受限,取不下数据来,遇到了跨域访问失败的 ...
    
		
    4. 
						
  4. 微服务电商实战(十一)搭建vue项目对接注册登陆接口，解决跨域问题，使用七牛云实现头像上传
		
    一.简介 node.js版本:v12.16.3 node.js下载 vue官网教程 iview介绍 上传头像接口,图片存储在七牛云中,注册并实名认证之后可以免费使用 以下会描述使用vue搭建项目框架的 ...
    
		
    5. 
						
  5. CORS-跨域资源共享 解决跨域问题
		
    1.什么是跨域? a.test.com 和 b.test.com 是两个不同的域,而处于安全机制考虑,JS只能访问与所在页面同一个域(相同协议.域名.端口)的内容,但是我们在项目开发时,经常遇到一个页 ...
    
		
    6. 
						
  6. java 跨域_springboot解决跨域CROS问题，用注解@CrossOrigin
		
    项目是springboot框架,前后端分离,需要跨域,当前前端可以用JSONP解决,但是java端如何解决呢? 因为是springboot框架,所以好多都可以用注解解决问题,所以就用到了@CrossO ...
    
		
    7. 
						
  7. SpringCloud-Gateway网关统一登录鉴权+QQ第三方登录+Vue前后分离解决方案
		
    具体流程 * 网关鉴权流程:* 前端输入用户名密码去请求token,经过SecurityWeb配置,* 白名单不进入AuthorizationManager,直接进全局过滤器->没有token放 ...
    
		
    8. 
						
  8. vue cli3.3 以上版本配置vue.config.js  及反向代理操作解决跨域操作
		
    const webpack = require('webpack') module.exports = { configureWebpack: { plugins: [ new webpack.Pro ...
    
		
    9. 
						
  9. vue 本地环境API代理设置和解决跨域
		
    写一个config.js文件,作为项目地址的配置. 1 //项目域名地址 2 const url = 'https://exaple.com'; 3 4 5 let ROOT; 6 //由于封装的ax ...
    
		
    10. 
		


					

最新文章
	

    
						
  1. java一个点向着另一个点移动_java – 在线性路径中从一个点移动一个对象
		
    2. 
						
  2. 简单的Linux扫描仪应用：C语言实现
		
    3. 
						
  3. 【心情】为什么发英文版免责声明？
		
    4. 
						
  4. 数字货币 如何验证Electron Cash钱包 软件来源的可靠性
		
    5. 
						
  5. 深度学习：语义分割网络
		
    6. 
						
  6. springboot获取原生js请求_springboot跳转原生html
		
    7. 
						
  7. android 上线apk,码云 Android apk 在线构建功能上线啦！
		
    8. 
						
  8. 幼儿园教师计算机教学计划,幼儿园教师教学计划
		
    9. 
						
  9. LeetCode 1123. 最深叶节点的最近公共祖先（递归比较子树高度）
		
    10. 
						
  10. 什么是5G，我们能从中得到什么？
		
    11. 
						
  11. MVVM架构之自动增删改的极简RecycleView的实现
		
    12. 
						
  12. js JQuery  获取元素和遍历
		
    13. 
						
  13. c语言判断一个数是否为素数思路,C语言判断一个数是否为素数方法解析
		
    14. 
						
  14. KEILC51的下载和安装与工程建立
		
    15. 
						
  15. BJFU_数据结构习题_256病毒感染监测
		
    16. 
						
  16. [BZOJ2144]跳跳棋
		
    17. 
						
  17. 如何通过双十一引流？双11店铺怎么引流？双11活动技巧
		
    18. 
						
  18. 最小公倍数C语言怎么算,算法：最大公约数和最小公倍数（C语言表示）
		
    19. 
						
  19. 【VHDL】带使能端的同步复位的8位寄存器设计
		
    20. 
						
  20. 苹果系统安装虚拟机 Mac如何安装虚拟机教程
		
    21. 
		

	


热门文章
	

    
									
  1. spring集成db2
			
    2. 
						
  2. 像写博客一样写代码，laf导致一个部门被裁
			
    3. 
						
  3. 中国移动ARM芯片CM32M101A资料下载工具tool下载链接
			
    4. 
						
  4. 【Excel】178个常用快捷键
			
    5. 
						
  5. 猫眼电影COOKIE等加密信息研究-day1
			
    6. 
						
  6. 直播推荐、搜索中的召回、相关性、多目标精排、特征、重排 - 多目标精排(3) - loss权重的4种方案
			
    7. 
						
  7. Ubuntu无法调节屏幕亮度问题的解决方法
			
    8. 
						
  8. HL7体系入门级介绍
			
    9. 
						
  9. uni-app零基础到uniCloud实战
			
    10. 
						
  10. 32/64位Windows 7 下VC9.0编译boost::regex，带ICU
			
    11.