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("*"); //允许头部设置
    }
}
相关推荐
全干engineer2 小时前
Spring Boot 实现主表+明细表 Excel 导出(EasyPOI 实战)
java·spring boot·后端·excel·easypoi·excel导出
a_Dragon12 小时前
Spring Boot多环境开发-Profiles
java·spring boot·后端·intellij-idea
ChinaRainbowSea3 小时前
补充:问题:CORS ,前后端访问跨域问题
java·spring boot·后端·spring
全栈凯哥6 小时前
02.SpringBoot常用Utils工具类详解
java·spring boot·后端
RainbowSea8 小时前
跨域问题(Allow CORS)解决(3 种方法)
java·spring boot·后端
RainbowSea9 小时前
问题 1:MyBatis-plus-3.5.9 的分页功能修复
java·spring boot·mybatis
sniper_fandc10 小时前
SpringBoot系列—入门
java·spring boot·后端
Albert Edison16 小时前
【最新版】IntelliJ IDEA 2025 创建 SpringBoot 项目
java·spring boot·intellij-idea
六毛的毛19 小时前
Springboot开发常见注解一览
java·spring boot·后端
开开心心就好20 小时前
免费PDF处理软件,支持多种操作
运维·服务器·前端·spring boot·智能手机·pdf·电脑