axios使用和前后端跨域问题

一、axios使用

1.安装

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

npm install axios

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

3.在需要的组件使用

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

二、跨域的配置

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

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

java 复制代码
@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("*"); //允许头部设置
    }
}
相关推荐
双力臂4045 小时前
Spring Boot 单元测试进阶:JUnit5 + Mock测试与切片测试实战及覆盖率报告生成
java·spring boot·后端·单元测试
itLaity6 小时前
基于Kafka实现简单的延时队列
spring boot·分布式·kafka
midsummer_woo7 小时前
基于spring boot的医院挂号就诊系统(源码+论文)
java·spring boot·后端
fouryears_2341712 小时前
什么是JSON,如何与Java对象转化
java·spring boot·spring·json
wuk99813 小时前
互联网应用主流框架整合 Spring Boot开发
java·spring boot·后端
风象南14 小时前
SpringBoot实现Serverless:手撸一个本地函数计算引擎
spring boot·serverless
Code季风16 小时前
Spring AOP 与事务管理进阶:传播行为原理与实战指南
java·spring boot·spring
武昌库里写JAVA16 小时前
vue+iview+i18n国际化
java·开发语言·spring boot·学习·课程设计
你我约定有三17 小时前
RabbitMQ--Springboot解决消息丢失
java·spring boot·rabbitmq·java-rabbitmq
tang_jian_dong18 小时前
springboot + vue3 拉取海康视频点位及播放
spring boot·后端·音视频