前端vue.js 后端spring boot，跨域访问302和403错误

最新推荐文章于 2023-06-15 17:24:48 发布
最新推荐文章于 2023-06-15 17:24:48 发布
阅读量1.2w 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/minosisterry/article/details/81111839
版权

前提：已经设置好跨域请求所需了，其他请求是正常的

问题现象：前端访问后端时，请求为302错误，总是被重定向为/admin/login；

                  后台报错页面不存在

问题所在：后台的requestmapping写错了，和前端请求的网址不一样。因为都是按接口文档写的，但是有一个字母的大小写出了问题，导致访问的页面不存在

这个bug全项目组调了一下午都没调出来，谨希望有同样错误的人别找错方向，或许也只是这个小问题

minosisterry
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
spring-boot-blueprint：使用Keycloak和Vue.js的Spring Boot蓝图
02-06
Spring Boot Starter蓝图 :rocket: 该项目旨在为使用Spring Boot和Vue.js构建和部署全栈Web应用程序提供一个非常少见但具有现代功能的完整蓝图。 该蓝图对于希望使用合理的默认值开始构建Web应用程序但又希望保持灵活性的人们很有用。 因此，此蓝图仅包含开始构建所需的库和配置，不提供任何有助于构建Web应用程序的应用程序代码或结构。 为此，您可以访问，其中提供了许多有用的示例。 产品特点 具有集成的 :key: 使用迁移 :file_folder: 使用 + 数据库设置 :file_folder: 在构建时将前端嵌入到jar中 :card_index: 用于对存储库和其他基础进行集成测试的测试 集成，用于对象和声明某些行为 本地运行所
Nginx 反向代理及https配置
Baiychenvip的专栏
11-27 1222
参考代码 在server中添加         location /api {             proxy_set_header Host $host;             proxy_set_header X-Real-IP $remote_addr;             proxy_set_header X-Forwarded-For $proxy_add_x_forwar...
vue axios封装 以及302问题
xiaohuihui_z的博客
12-05 4893
vue axios封装 （需求是只在登录页面设置请求content-type的类型） //在 request 拦截器实现 axios.interceptors.request.use( config => { config.baseURL = remoteUrl; console.log(“config”,config); //config的格式如下边的 if (config.url.i...
vue项目 关于接口302 重定向到外部系统
weixin_45666360的博客
06-15 1026
目前想法是后端接口不用302返回，更换为其他状态码，这样一来axios可以拦截到自定义状态码后进行逻辑处理，通过window.location的方式携带参数跳转至其他页面。network中页面资源已经加载出来了，但是页面没有跳转。接口302，自动去get了后端返回的新页面。但为什么302状态码页面不会自动跳转？
springboot+websocket 链接服务器报 302 错误解决方法
weixin_39556236的博客
01-23 4216
springboot+websocket 链接服务器报 302 错误解决方法  1.排查路径是否有误；如果无误则往下 2.是否对该路径有登录限制，及拦截。 如是 配置shiro拦截器链 则： 3.搞定!!!!!!!!...
VUE + Springboot 前后端分离线上 登陆后接口请求报302
秋实的博客
04-10 6620
最近开发项目过程中遇到一个困扰几天的问题，本地测试所有接口都正常，线上请求后端没设置登陆拦截的接口，能正常返回数据；但请求需要登陆访问接口，则出现302，直接重定向到/login接口，十分诡异。 与后端一起探讨解决发现，多方查询尝试才发现在axios配置中设置：withCredentials: true，允许跨域请求携带cookie才行。 axios中文文档配置拷贝过来： { // `...
spring Boot访问静态资源
1024
05-26 325
一、默认静态资源映射 Spring Boot 对静态资源映射提供了默认配置 Spring Boot 默认将 /** 所有访问映射到以下目录： classpath:/static classpath:/public classpath:/resources classpath:/META-INF/resources 浏览器分别访问： http://localhost:8080/a....
SpringBoot 集成 Shiro 无法加载静态资源报 302，已知原因并已解决
严泽熠的博客
06-20 2934
SpringBoot 集成 Shiro 无法加载静态资源报 302，已知原因并已解决。错误：Uncaught SyntaxError: Unexpected token '
idea+springboot+linux+nginx部署项目遇到的问题，403、404、favicon.ico等
哎呦叔叔的博客
10-02 1811
1，访问静态资源403 修改nginx.conf文件头为：user root 2，访问静态资源404 同样是在nginx.conf文件修改 如果location的配置是 location /static ,类似这样的子路径，配置如下： root /webroot/static;  alias /webroot/static/;  注意：alias后面多一个/ 3，网站小图标 首先...
vue+axios | 解决前后端交互时报错302的憨憨问题
Toyzmo的博客
02-20 5326
前提：页面是用Element写的，文档https://element.eleme.cn/#/zh-CN/component/layout 1. 关于入参的值绑定，一般是通过Form表单绑定在一个对象上，然后将对象作为入参传入，但是当页面入参不是通过from表单绑定的时候呢？ ...
基于Koa.js和Vue.js全栈的校园疫情管理系统（前端Vue3，后端koa.js+Java SpringBoot）.zip
11-21
基于Koa.js和Vue.js全栈的校园疫情管理系统（前端Vue3，后端koa.js+Java SpringBoot）.zip 1、该资源内项目代码经过严格调试，下载即用确保可以运行！ 2、该资源适合计算机相关专业(如计科、人工智能、大数据、数学...
Reader 是一个前端基于 Vue.js + Element 的阅读工具后端 Kotlin + Spring Boot +
10-25
后端 Kotlin + Spring Boot + Vert.x + Coroutine ；前端 Vue.js + Element。 其支持书架管理、搜索、书海、看书、换源、翻页方式、手势支持、自定义主题、自定义样式、WebDAV同步、文字替换过滤、听书、用户配置...
【微信小程序源码-毕设】集思笑话，含Vue.js后端，点赞.zip
03-19
【微信小程序源码-毕设】集思笑话，含Vue.js后端，点赞.zip 【微信小程序源码-毕设】集思笑话，含Vue.js后端，点赞.zip 【微信小程序源码-毕设】集思笑话，含Vue.js后端，点赞.zip 【微信小程序源码-毕设】集思笑话...
小程序源码 笑话前端 集思笑话，含Vue.js后端，点赞 (代码源)
06-22
小程序源码 笑话前端 集思笑话，含Vue.js后端，点赞 (代码源)小程序源码 笑话前端 集思笑话，含Vue.js后端，点赞 (代码源)小程序源码 笑话前端 集思笑话，含Vue.js后端，点赞 (代码源)小程序源码 笑话前端 集思笑话...
node-v10.22.0-darwin-x64.tar.xz
最新发布
05-03
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
基于JAVA的物流管理系统的源码设计与实现.zip
05-03
毕业设计-->物流管理系统的设计与实现（Java版本） 采用Struts2+hibernate+Oracle10g+Tomcat 涉及车辆管理，配送点管理，运输方式管理，订单管理，员工管理，用户管理，部门管理，权限管理，角色管理等基础管理功能。
基于VB+access实现的成绩分析统计系统(论文+源代码).zip
05-03
基于VB+access实现的成绩分析统计系统(论文+源代码) 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
node-v10.14.2-linux-x64.tar.xz
05-03
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
ASP+ACCESS网上购物系统设计(源代码+设计说明书+调研报告).zip
05-03
ASP+ACCESS网上购物系统设计(源代码+设计说明书+调研报告).zip
springboot集成(html+vue.js)前端
01-30
Spring Boot是一个用于创建独立的、基于Java的生产级应用程序的框架。它提供了一种简化和快速开发的方式，可以帮助开发人员更轻松地构建和部署应用程序。集成前端（HTML和Vue.js）到Spring Boot项目中可以通过以下步骤实现： 1. 创建Spring Boot项目。可以使用Spring Initializr或手动创建项目。 2. 引入Web依赖。在项目的pom.xml文件中添加Spring Boot的Web依赖，例如： ```xml <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> ``` 3. 创建前端页面。在项目的资源文件夹（src/main/resources）中创建一个静态资源文件夹（例如public或static）用于存放前端页面，例如index.html。 4. 创建Vue.js组件。可以使用Vue CLI来创建Vue.js组件，并将生成的组件文件放置在前端资源文件夹中。 5. 创建控制器。在Spring Boot项目的Java源文件夹中创建一个控制器类，用于处理前端请求并返回相应的数据或视图。 6. 配置路由。在Vue.js组件中配置路由，将不同的URL映射到相应的组件。 7. 配置跨域请求。由于前端和后端可能运行在不同的域名或端口上，需要配置跨域请求的支持。可以使用Spring Boot的CORS（Cross-Origin Resource Sharing）配置或使用其他方法来解决这个问题。 8. 启动应用程序。运行Spring Boot项目，并访问前端页面，即可通过URL访问前端页面及Vue.js组件。 通过以上步骤，可以成功集成（HTML和Vue.js）前端到Spring Boot项目中。前端页面可以通过Spring Boot的控制器来访问后端数据，并实现前后端的交互和协作。这样的集成可以提高开发效率和灵活性，使得应用程序更加现代化和易于维护。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值