SpringBoot和Vue跨域问题

最新推荐文章于 2024-03-31 09:49:46 发布
最新推荐文章于 2024-03-31 09:49:46 发布
阅读量500 收藏
点赞数
文章标签： spring boot vue.js java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43197914/article/details/126263539
版权

Access to XMLHttpRequest at ‘http://localhost:8301/admin/vod/user/info?token=admin-token’ from origin ‘http://localhost:9528’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

1、什么是跨域

（1）浏览器从一个域名的网页去请求另一个域名的资源时，域名、端口、协议任一不同，都是跨域 。前后端分离开发中，需要考虑ajax跨域的问题。

（2）跨域的本质：浏览器对Ajax请求的一种限制

（3）这里我们可以从服务端解决这个问题

2、配置

在Controller类上添加注解

@CrossOrigin //跨域
MrSteamedbun
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
两小时从零学会vue-admin-template框架
m0_67401606的博客
03-09 1万+
一、vue-admin-template 1.项目简介 官网：https://github.com/PanJiaChen vue-element-admin是含有丰富的组件，vue-admin-template是一个基础的单页面应用的框架，适合在vue-admin-template上二次开发，开发需要的组件就可以直接的从vue-element-admin里面拷贝上去。适合于后台管理的中小型项目，内部的架构非常的完善，简单易上手。 1.2下载项目 vue-element-admin 官网 vue-admi
详解springboot和vue前后端分离开发跨域登陆问题
08-25
主要介绍了详解springboot和vue前后端分离开发跨域登陆问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
解决Vue调用springboot接口403跨域问题
10-16
主要介绍了解决Vue调用springboot接口403跨域问题,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
springboot vue 跨域问题的解决
08-26
主要介绍了springboot vue 跨域问题的解决，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue-admin-template-master_vue-admin-master_
10-01
vue脚手架，快速的建立开发的底层架构，适合新手使用
SpringBoot+Vue前后端分离实现请求api跨域问题
08-19
主要介绍了SpringBoot+Vue前后端分离实现请求api跨域问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue-admin-template框架搭建及应用
SKY_PLA的博客
05-29 1万+
并且执行 login 方法， 把返回的token , 保存到 vuex、cookie 中（在路由守卫中 / login 是白名单会直接放行、axios 的请求拦截中 添加的是一个空值)style=>页面的css样式。配合路由使用的， 对于vue router 而言它还附带了一些其他的信息， 比如路由守卫， 在路由守卫中我们可以在路由跳转之前来做一些事情的。它只会包装Store中保存的数据，并不会修改Store中保存的数据，当Store中的数据发生变化时，Getter生成的内容也会随之变化；
Vue前端模板框架--vue-admin-template
m0_57037182的博客
11-04 1万+
Vue前端模板框架--vue-admin-template
详细分析 vue-admin-template
热门推荐
cyt
08-02 3万+
vue-admin-template流程分析！
SpringBoot + Vue 实现视频管理系统
04-25
本案例为SpringBoot+Vue实现，视频上传，视频管理，在线观看视频 视频管理系统，使用SpringBoot + Vue 实现视频的增删改查，分页，多条件搜索（根据视频标题查询） - 上传视频格式必须为 **yyyy-MM-dd/hhmmssxxxx....
Vue-admin-template笔记(一)
zczdc的博客
05-22 3153
Vue-admin-template项目 一、关于Vue-admin-template 1.1 介绍 vue-element-admin 是一个后台前端解决方案，它基于 vue 和 element-ui实现。 可以把 vue-element-admin当做工具箱或者集成方案仓库，在 vue-admin-template 的基础上进行二次开发，想要什么功能或者组件就去 vue-element-admin 那里复制过来。 vue-element-admin官方 首先前端目录结构 ├── build
vue-admin-template-master项目学习
qq_41935047的博客
05-15 5000
github地址 https://github.com/PanJiaChen/vue-admin-template 新手踩坑 https://www.jianshu.com/p/290cd0060d04 项目目录 项目中有如下目录 build：编译用到的脚本 mock：模拟后台服务器接口，可以产生数据 node_modules：node第三方包，这个目录可以删掉，通过npm/cnpm install命令可以下载 public：暂时没学习到 src：源代码文件，这里通常是我们写代码的地方 tests：测试
vue-admin-template的基本使用
m0_52889702的博客
11-17 2477
vue-admin-template vue-element-admin 安装 使用 配置nodeJs npm yarn 一套现成的后台管理系统 基于vue和Element ，在element组件的基础上进行封装形成一整套的解决方案
vue-admin-template后台管理系统模板
少女与飞剑的博客
10-25 4124
vue-admin-template是一个极简的 vue admin 管理后台。它只包含了** Element UI & axios & iconfont & permission control & lint**，这些搭建后台必要的东西。可以在github或者gitee上下载到模板。这里以GitHub为例介绍。下载地址根据下载地址可以下载到最新版本的模板，但是也提供旧版本的下载。在分支中选择tag/3.11.0即可下载旧版本。
【springboot+vue项目（三）】后台管理系统模板vue-admin-template 的使用
shanglin1122的博客
06-28 3002
├── build/ # 构建脚本├── mock/ # 模拟数据├── public/ # 静态资源│ ├── favicon.ico # 网站图标│ └── index.html # 入口页面├── src/ # 项目源码│ ├── api/ # API 请求封装│ ├── assets/ # 静态资源│ ├── components/ # 公共组件│ ├── directive/ # 自定义指令│ ├── filters/ # 过滤器│ ├── icons/ # 图标。
第13章 vue-admin-template
最新发布
richieandndsc的博客
03-31 1206
这是一套简单的vue基础课程，主要介绍vue,vue-router,axios,vuex,element-ui等等
Vue的vue-admin-template-master基础模板修改，后台连接数据库并且使用springsecurity安全框架
xiaxiao520的博客
11-10 1579
目录 1、配置跨域 2、如果想使用中文版的，找到main.js 3、找到src下的store-->modules下面的user.js文件 4、点击最上方的login就可以直接进入src下api中的user.js中 5、设置权限get方法 5、设置发送请求文件 1、配置跨域 1.找到vue.config.js 和 overlay同级下加跨域配置 ​ proxy: { '/api':{ target:"http://192.168.43.48:8087/"...
SpringBoot整合vue-admin-template实现登录
liu320yj的博客
11-04 9829
vue-admin-template简介 前后端分离开发模式越来越受开发人员的喜爱，开源项目vue-admin-template 是一个后台前端解决方案，它基于 vue 和 element-ui实现。更多详情请阅读vue-template-admin官网，vue-admin-template项目是其基础模板，本文基于vue-admin-template实现与SpringBoot的整合 SpringBoot整合vue-admin-template ...
springboot与vue跨域访问问题
05-24
当前，大部分的前后端分离项目都采用Vue作为前端，Spring Boot作为后端，而Vue与Spring Boot本质上是两个不同的项目，它们分别运行在不同的端口上，这就导致了跨域问题的出现。 解决跨域问题可以通过以下几种方法：...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值