axios使用和前后端跨域问题

news/2025/3/12 2:46:03/

一、axios使用

1.安装

在创建好的vue项目的终端跑一下命令

npm install axios

2.在main.js文件里面导入全局配置

3.在需要的组件使用

由于第二步的配置,已经配置了全局的起步路径还有axios的别名$http,理解即可

二、跨域的配置

在控制器上面添加CrossOrigin注解实现

上面是注解配置,只在一个Controller上生效,还可以创建一个全局生效的配置类

@Configuration
public class CorsConfig {public void addCorsMappings(CorsRegistry registry) {registry.addMapping("/**") //允许跨域访问的路径.allowedOrigins("*") //允许跨域访问的源.allowedMethods("GET", "HEAD", "POST", "PUT", "DELETE", "OPTIONS").allowCredentials(true) //是否允许发送Cookie.maxAge(168000) //预检间隔时间.allowedHeaders("*"); //允许头部设置}
}

 


http://www.ppmy.cn/news/1578507.html

相关文章

(二)企业级监控系统 - ZABBIX 部署

引言 在运维领域,监控系统的重要性不言而喻。**Zabbix **作为一款功能强大的企业级开源监控工具,能够帮助运维人员实时监控服务器、网络设备、应用程序等资源的状态,确保系统的稳定运行。今天,我们将带你从零开始,手把…

蓝桥杯刷题周计划(第二周)

目录 前言题目一题目代码题解分析 题目二题目代码题解分析 题目三题目代码题解分析 题目四题目代码题解分析 题目五题目代码题解分析 题目六题目代码题解分析 题目七题目代码题解分析 题目八题目题解分析 题目九题目代码题解分析 题目十题目代码题解分析 题目十一题目代码题解分…

卫星通信+5G+AI:遨游构建空天地一体化智慧应急通信网络

在人类社会与自然灾害、突发事件长期博弈的过程中,应急通信网络始终是守护生命安全的"最后一公里"。《国家突发事件总体应急预案》明确指出,需推进立体化监测预警网络、大数据支撑、智慧应急、应急预案等数字化能力建设,构建高效、…

KubeKey 与 KubeSphere:快速构建 Kubernetes 集群

深度解析 KubeKey 与 KubeSphere:快速构建现代化 Kubernetes 集群 一、技术栈概述 KubeKey(KK)是由 KubeSphere 团队开发的轻量级 Kubernetes 集群部署工具,其优势在于: 基于 Ansible 的安装程序具有大量软件依赖性…

Spring Security 官网文档学习

文章目录 通过maven向普通的WEB项目中引入spring security配置 spring securityconfigure(HttpSecurity) 方法自定义URL身份验证身份验证 and 授权AuthenticationAuthenticationProvider自定义身份验证器授权Spring Security 的过滤器创建和自定义 拦截链请求匹配调度和授权方法…

【数据挖掘】异构图与同构图

在图论(Graph Theory)中,异构图(Heterogeneous Graph)和同构图(Homogeneous Graph)是两种不同的图结构概念,它们的主要区别在于节点和边的类型是否单一。 1. 异构图(Hete…

Ubuntu切换lowlatency内核

文章目录 一. 前言二. 开发环境三. 具体操作 一. 前言 低延迟内核(Lowlatency Kernel) 旨在为需要低延迟响应的应用程序设计的内核版本。Linux-lowlatency特别适合音频处理、实时计算、游戏和其他需要及时响应的实时任务。其主要特点是优化了中断处理、调…

每日一题----------String 和StringBuffer和StringBuiler重点

本质:是一个char字符数组存储字符串 总结: 1.如果字符串存在大量的修改操作,一般使用StringBuffer或者StringBuilder。 2.如果字符串存在大量的修改操作,并且单线程的情况,使用StringBuilder。 3.如果字符串存在大…