爆款云主机2核4G限时秒杀,88元/年起!
查看详情

活动

天翼云最新优惠活动,涵盖免费试用,产品折扣等,助您降本增效!
热门活动
  • 618智算钜惠季 爆款云主机2核4G限时秒杀,88元/年起!
  • 免费体验DeepSeek,上天翼云息壤 NEW 新老用户均可免费体验2500万Tokens,限时两周
  • 云上钜惠 HOT 爆款云主机全场特惠,更有万元锦鲤券等你来领!
  • 算力套餐 HOT 让算力触手可及
  • 天翼云脑AOne NEW 连接、保护、办公,All-in-One!
  • 中小企业应用上云专场 产品组合下单即享折上9折起,助力企业快速上云
  • 息壤高校钜惠活动 NEW 天翼云息壤杯高校AI大赛,数款产品享受线上订购超值特惠
  • 天翼云电脑专场 HOT 移动办公新选择,爆款4核8G畅享1年3.5折起,快来抢购!
  • 天翼云奖励推广计划 加入成为云推官,推荐新用户注册下单得现金奖励
免费活动
  • 免费试用中心 HOT 多款云产品免费试用,快来开启云上之旅
  • 天翼云用户体验官 NEW 您的洞察,重塑科技边界

智算服务

打造统一的产品能力,实现算网调度、训练推理、技术架构、资源管理一体化智算服务
智算云(DeepSeek专区)
科研助手
  • 算力商城
  • 应用商城
  • 开发机
  • 并行计算
算力互联调度平台
  • 应用市场
  • 算力市场
  • 算力调度推荐
一站式智算服务平台
  • 模型广场
  • 体验中心
  • 服务接入
智算一体机
  • 智算一体机
大模型
  • DeepSeek-R1-昇腾版(671B)
  • DeepSeek-R1-英伟达版(671B)
  • DeepSeek-V3-昇腾版(671B)
  • DeepSeek-R1-Distill-Llama-70B
  • DeepSeek-R1-Distill-Qwen-32B
  • Qwen2-72B-Instruct
  • StableDiffusion-V2.1
  • TeleChat-12B

应用商城

天翼云精选行业优秀合作伙伴及千余款商品,提供一站式云上应用服务
进入甄选商城进入云市场创新解决方案
办公协同
  • WPS云文档
  • 安全邮箱
  • EMM手机管家
  • 智能商业平台
财务管理
  • 工资条
  • 税务风控云
企业应用
  • 翼信息化运维服务
  • 翼视频云归档解决方案
工业能源
  • 智慧工厂_生产流程管理解决方案
  • 智慧工地
建站工具
  • SSL证书
  • 新域名服务
网络工具
  • 翼云加速
灾备迁移
  • 云管家2.0
  • 翼备份
资源管理
  • 全栈混合云敏捷版(软件)
  • 全栈混合云敏捷版(一体机)
行业应用
  • 翼电子教室
  • 翼智慧显示一体化解决方案

合作伙伴

天翼云携手合作伙伴,共创云上生态,合作共赢
天翼云生态合作中心
  • 天翼云生态合作中心
天翼云渠道合作伙伴
  • 天翼云代理渠道合作伙伴
天翼云服务合作伙伴
  • 天翼云集成商交付能力认证
天翼云应用合作伙伴
  • 天翼云云市场合作伙伴
  • 天翼云甄选商城合作伙伴
天翼云技术合作伙伴
  • 天翼云OpenAPI中心
  • 天翼云EasyCoding平台
天翼云培训认证
  • 天翼云学堂
  • 天翼云市场商学院
天翼云合作计划
  • 云汇计划
天翼云东升计划
  • 适配中心
  • 东升计划
  • 适配互认证

开发者

开发者相关功能入口汇聚
技术社区
  • 专栏文章
  • 互动问答
  • 技术视频
资源与工具
  • OpenAPI中心
开放能力
  • EasyCoding敏捷开发平台
培训与认证
  • 天翼云学堂
  • 天翼云认证
魔乐社区
  • 魔乐社区

支持与服务

为您提供全方位支持与服务,全流程技术保障,助您轻松上云,安全无忧
文档与工具
  • 文档中心
  • 新手上云
  • 自助服务
  • OpenAPI中心
定价
  • 价格计算器
  • 定价策略
基础服务
  • 售前咨询
  • 在线支持
  • 在线支持
  • 工单服务
  • 建议与反馈
  • 用户体验官
  • 服务保障
  • 客户公告
  • 会员中心
增值服务
  • 红心服务
  • 首保服务
  • 客户支持计划
  • 专家技术服务
  • 备案管家

了解天翼云

天翼云秉承央企使命,致力于成为数字经济主力军,投身科技强国伟大事业,为用户提供安全、普惠云服务
品牌介绍
  • 关于天翼云
  • 智算云
  • 天翼云4.0
  • 新闻资讯
  • 天翼云APP
基础设施
  • 全球基础设施
  • 信任中心
最佳实践
  • 精选案例
  • 超级探访
  • 云杂志
  • 分析师和白皮书
  • 天翼云·创新直播间
市场活动
  • 2025智能云生态大会
  • 2024智算云生态大会
  • 2023云生态大会
  • 2022云生态大会
  • 天翼云中国行
天翼云
  • 活动
  • 智算服务
  • 产品
  • 解决方案
  • 应用商城
  • 合作伙伴
  • 开发者
  • 支持与服务
  • 了解天翼云
      • 文档
      • 控制中心
      • 备案
      • 管理中心

      vue 访问后端接口(后端接口框架:ssm)报错 403 No ‘Access-Control-Allow-Origin‘ header解决方案

      首页 知识中心 云端实践 文章详情页

      vue 访问后端接口(后端接口框架:ssm)报错 403 No ‘Access-Control-Allow-Origin‘ header解决方案

      2024-09-25 10:13:34 阅读次数:469

      vue,后端,接口

      1.错误如图(跨域问题):

      vue 访问后端接口(后端接口框架:ssm)报错 403 No ‘Access-Control-Allow-Origin‘ header解决方案

      2.解决方案:

      (1).先添加拦截器:

      具体代码:

      package com.ldkj.smms.interceptor;
      
      import java.util.List;
      
      import javax.servlet.http.HttpServletRequest;
      import javax.servlet.http.HttpServletResponse;
      import javax.servlet.http.HttpSession;
      
      import org.apache.shiro.SecurityUtils;
      import org.apache.shiro.session.Session;
      import org.apache.shiro.subject.Subject;
      import org.springframework.web.servlet.handler.HandlerInterceptorAdapter;
      
      import com.ldkj.smms.entity.system.TMenu;
      import com.ldkj.smms.entity.system.TPubStaff;
      import com.ldkj.smms.util.Const;
      import com.ldkj.smms.util.RequestUtil;
      //import com.ldkj.smms.util.shop.MenuUtil;
      
      /**
       * 登录拦截器
       *
       * @modificationHistory. <ul>
       * <li>syf 2015年4月18日上午12:21:21 TODO</li>
       * </ul>
       */
      public class LoginHandlerInterceptor extends HandlerInterceptorAdapter {
          //@Resource(name = "menuUtil")
          //private MenuUtil menuUtil;
      
          @SuppressWarnings("unchecked")
          @Override
          public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
              // TODO Auto-generated method stub
              String path = request.getServletPath();
              if (!path.toLowerCase().matches(Const.IGNORE_REQUEST_TYPE)) {
                  System.out.println("path--------->" + path);
              }
      
              if (!path.matches(Const.INTERCEPTOR_PATH) || path.matches(Const.NO_INTERCEPTOR_PATH)) {
                  return true;
              } else {
                  HttpSession httpSession = request.getSession();
      
      
                  String loginType = (String) httpSession.getAttribute(Const.SESSION_LOGINTYPE);
      
                  //shiro管理的session
                  Subject currentUser = SecurityUtils.getSubject();
                  Session session = currentUser.getSession();
      
      
                  if (loginType != null && loginType.equals("system")) {
                      TPubStaff staff = (TPubStaff) session.getAttribute(Const.SESSION_STAFF);
                      if (staff != null) {
      
                          //判断是否拥有当前点击菜单的权限(内部过滤,防止通过url进入跳过菜单权限)
                          /**
                           * 根据点击的菜单的xxx.do去菜单中的URL去匹配,当匹配到了此菜单,判断是否有此菜单的权限,没有的话跳转到登录页面
                           * 根据按钮权限,授权按钮(当前点的菜单和角色中各按钮的权限匹对)
                           */
                          List<TMenu> menuList = (List<TMenu>) session.getAttribute(Const.SESSION_allmenuList); //获取菜单列表
                          Boolean hasRights = this.checkRights(menuList, path);
                          if (!hasRights) {
                              this.noPermRedirect(request, response);
                          }
                          return hasRights;
                      } else {
                          //登陆过滤
                          this.notLogin(request, response);
                          return false;
                      }
                  } else {
                      // shopStaff = (TShopStaff) session.getAttribute(Const.SESSION_SHOP_STAFF);
                     // if (shopStaff != null) {
      //                    Integer adminType = (Integer) session.getAttribute(Const.SESSION_ADMINTYPE);
      //
      //                    //同一session只能登录一个相同账号,除非系统管理员
      //                    if (!SessionListener.isOnline(httpSession) && (adminType == null || adminType != 1)) {
      //                        this.kickOut(request, response);
      //                    }
      //
      //
      //                    //判断是否拥有当前点击菜单的权限(内部过滤,防止通过url进入跳过菜单权限)
      //                    /**
      //                     * 根据点击的菜单的xxx.do去菜单中的URL去匹配,当匹配到了此菜单,判断是否有此菜单的权限,没有的话跳转到登录页面
      //                     * 根据按钮权限,授权按钮(当前点的菜单和角色中各按钮的权限匹对)
      //                     */
      //                    List<TMenu> menuList = menuUtil.getRoleMenus(shopStaff.getRole(),PermissionScope.PC.getId()); //获取菜单列表
      //
      //                    Boolean hasRights = this.checkRights(menuList, path);
      //
      //                    if (hasRights) {
      //                        System.out.println("请求通过");
      //                    } else {
      //                        System.out.println("请求不通过");
      //                    }
      //
      //                    if (!hasRights) {
      //                        this.noPermRedirect(request, response);
      //                    }
      //                    return hasRights;
                     // } else {
      
                          //登陆过滤
                          this.notLogin(request, response);
                          return false;
      
                     // }
                  }
              }
          }
      
          /**
           * 递归校验各菜单
           *
           * @param menuList
           * @param path
           * @return
           * @throws Exception
           * @author syf
           * @creationDate. 2015年5月29日 下午10:02:38
           */
      
          private boolean checkRights(List<TMenu> menuList, String path) throws Exception {
              path = path.replaceFirst("^/+", "");
              path = path.split(".htm")[0].split(".json")[0];
              if (menuList != null && menuList.size() > 0) {
                  for (TMenu menu : menuList) {
      
                      if (menu.getSubMenu() != null && menu.getSubMenu().size() > 0) {
                          if (!checkRights(menu.getSubMenu(), path)) return false;
                      }
                      String menuPath = menu.getMenuUrl().split(".htm")[0].split(".json")[0];
                      menuPath = menuPath.replaceFirst("^/+", "");
                      if (menuPath.equals(path)) {
                          if (!menu.isHasMenu()) {                //判断有无此菜单权限
                              return false;
                          } else {                                                                //按钮判断
                              //setBtnRights(menu.getMenuId());
                              return true;
                          }
                      }
      
                  }
              }
              return true;
          }
      
      
      
          /**
           * 未登录
           *
           * @param request
           * @param response
           * @throws Exception
           * @author syf
           * @creationDate. 2015年5月29日 下午9:57:35
           */
          private void notLogin(HttpServletRequest request, HttpServletResponse response) throws Exception {
              if (RequestUtil.isAjaxRequest(request)) {
                  RequestUtil.write(response, "{'_http_status_code_':'405'}", Const.SYSTEM_DEFAULT_ENCODING);
              } else {
                  response.sendRedirect(request.getContextPath() + Const.NOTLOGIN);
              }
      
      
          }
      
          /**
           * 无权限
           *
           * @param request
           * @param response
           * @throws Exception
           * @author syf
           * @creationDate. 2015年5月29日 下午9:57:42
           */
          private void noPermRedirect(HttpServletRequest request, HttpServletResponse response) throws Exception {
              if (RequestUtil.isAjaxRequest(request)) {
                  RequestUtil.write(response, "{'_http_status_code_':'406'}", Const.SYSTEM_DEFAULT_ENCODING);
              } else {
                  response.sendRedirect(request.getContextPath() + Const.NOPERMISSION);
              }
          }
      
          @SuppressWarnings("unused")
      	private void kickOut(HttpServletRequest request, HttpServletResponse response) throws Exception {
              if (RequestUtil.isAjaxRequest(request)) {
                  RequestUtil.write(response, "{'_http_status_code_':'407'}", Const.SYSTEM_DEFAULT_ENCODING);
              } else {
                  response.sendRedirect(request.getContextPath() + Const.KICKOUT);
              }
          }
      }
      

      springmvc配置文件加:

      <!-- 访问拦截  -->  
            <mvc:interceptors>
              <mvc:interceptor>
                  <mvc:mapping path="/**/**"/>
                  <bean class="com.ldkj.smms.interceptor.LoginHandlerInterceptor"/>
              </mvc:interceptor>   
          </mvc:interceptors>

      (2)如果还是报错的话,应添加跨域过滤,增加:

      package com.ldkj.smms.filter;
      
      import java.io.IOException;
      
      import javax.servlet.Filter;
      import javax.servlet.FilterChain;
      import javax.servlet.FilterConfig;
      import javax.servlet.ServletException;
      import javax.servlet.ServletRequest;
      import javax.servlet.ServletResponse;
      import javax.servlet.http.HttpServletResponse;
      
      import com.ldkj.smms.controller.base.BaseController;
      
      public class CorsFilter extends BaseController implements Filter {
      
      	@Override
      	public void init(FilterConfig filterConfig) throws ServletException {
      		// TODO Auto-generated method stub
      
      	}
      
      	@Override
      	public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain)
      			throws IOException, ServletException {
      		HttpServletResponse httpResponse = (HttpServletResponse) response;
      		httpResponse.addHeader("Access-Control-Allow-Origin", "*");
      		//httpResponse.setHeader("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
      		httpResponse.setHeader("Access-Control-Allow-Headers", "Origin, No-Cache, X-Requested-With, If-Modified-Since, Pragma, Last-Modified, Cache-Control, Expires, Content-Type, X-E4M-With,userId,access_token,refresh_token");
      		httpResponse.setHeader("Access-Control-Allow-Methods", "GET, PUT, DELETE, POST");
      		httpResponse.setHeader("Access-Control-Allow-Credentials", "true");
      		httpResponse.setHeader("Access-Control-Max-Age", "0");
      		httpResponse.setContentType("text/html;charset=UTF-8");
      		httpResponse.setHeader("XDomainRequestAllowed","1");
      		chain.doFilter(request, response);
      	}
      
      	@Override
      	public void destroy() {
      		// TODO Auto-generated method stub
      
      	}
      
      }
      

      项目下的web.xml下增加:

      <!-- 跨域过滤 -->
           <filter>
                <filter-name>CorsFilter</filter-name>
                <filter-class>com.ldkj.smms.filter.CorsFilter</filter-class>
           </filter>
           <filter-mapping>
                <filter-name>CorsFilter</filter-name>
                <url-pattern>/*</url-pattern>
           </filter-mapping>

      3.通过上述两种方法即可解决vue跨域问题

      版权声明:本文内容来自第三方投稿或授权转载,原文地址:https://blog.csdn.net/qq_37284798/article/details/99682668,作者:吴名氏.,版权归原作者所有。本网站转在其作品的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如因作品内容、版权等问题需要同本网站联系,请发邮件至ctyunbbs@chinatelecom.cn沟通。

      上一篇:用Jersey构建RESTful服务4--通过jersey-client客户端调用Jersey的Web服务模拟CURD

      下一篇:SSH

      相关文章

      2025-05-14 10:33:25

      超级好用的C++实用库之网络

      在网络相关的项目中,我们经常需要去获取和设置设备的IP地址、子网掩码、网关地址、MAC地址等信息。这些信息一般与操作系统相关,在Windows系统和Linux系统上调用的接口是不一样的。

      2025-05-14 10:33:25
      Linux , 参数 , 地址 , 接口 , 网卡 , 返回值
      2025-05-14 09:51:15

      JAVA 两个类同时实现同一个接口

      在Java中,两个类同时实现同一个接口是非常常见的。接口定义了一组方法,实现接口的类必须提供这些方法的具体实现。

      2025-05-14 09:51:15
      Lambda , 函数 , 实现 , 接口 , 方法 , 表达式
      2025-05-13 09:49:12

      Java学习(动态代理的思想详细分析与案例准备)(1)

      Java学习(动态代理的思想详细分析与案例准备)(1)

      2025-05-13 09:49:12
      java , 代理 , 代码 , 对象 , 接口 , 方法 , 需要
      2025-05-09 09:30:05

      WebAPi接口安全之公钥私钥加密

      WebAPi接口安全之公钥私钥加密

      2025-05-09 09:30:05
      加密 , 参数 , 接口 , 请求 , 重写
      2025-05-09 08:50:35

      springboot实战学习(11)(更新用户基本信息接口主逻辑)

      springboot实战学习(11)(更新用户基本信息接口主逻辑)

      2025-05-09 08:50:35
      接口 , 方法 , 更新 , 用户 , 请求
      2025-05-09 08:50:35

      springboot实战学习(1)(开发模式与环境)

      springboot实战学习(1)(开发模式与环境)

      2025-05-09 08:50:35
      依赖 , 前端 , 后端 , 开发 , 接口 , 数据库 , 文档
      2025-05-08 09:03:29

      装饰者设计模式(一)

      装饰者设计模式(一)

      2025-05-08 09:03:29
      接口 , 目标 , 装饰 , 设计模式 , 返回值
      2025-05-08 09:03:29

      Java序列化有什么作用

      对java对象进行序列化之后,会变成字节码,这样就会比较方便在网络上进行传输,也可以在磁盘上进行存储。

      2025-05-08 09:03:29
      对象 , 序列化 , 接口 , 构造函数
      2025-05-08 09:03:07

      spring AOP 代理模式

      spring AOP 代理模式

      2025-05-08 09:03:07
      代理 , 动态 , 接口 , 模式
      2025-05-07 09:09:26

      springboot系列教程(二十五):springboot整合ElasticSearch,实现高性能搜索引擎

      ElasticSearch是一个基于Lucene的搜索服务器。它提供了一个分布式多用户能力的全文搜索引擎,基于RESTful web接口。Elasticsearch是用Java开发的,并作为Apache许可条款下的开放源码发布,是当前流行的企业级搜索引擎。

      2025-05-07 09:09:26
      ElasticSearch , springboot , 接口 , 搜索引擎
      查看更多
      推荐标签

      作者介绍

      天翼云小翼
      天翼云用户

      文章

      33561

      阅读量

      5247921

      查看更多

      最新文章

      结构型模式---代理模式

      2025-04-23 08:18:32

      结构型模式---外观模式

      2025-04-23 08:18:27

      设计模式-组合模式

      2025-04-18 07:10:38

      软件设计模式系列之十二——外观模式

      2025-01-08 08:40:58

      软件设计模式系列之十——组合模式

      2025-01-07 09:46:24

      【Django-DRF框架】生成各种API接口文档

      2024-11-25 09:15:02

      查看更多

      热门文章

      Java集合框架之 Collection 接口 #yyds干货盘点#

      2023-04-10 08:53:07

      后端框架学习-----mybatis(使用mybatis框架遇到的问题)

      2023-02-28 03:38:08

      若依框架----字典表

      2023-08-04 08:16:38

      Feign

      2024-09-25 10:14:48

      Vue框架----缺少Div根对象 报错( Component template should contain exactly one root element. If you are....)

      2023-07-03 08:05:30

      后端框架的学习----mybatis框架(6、日志)

      2024-06-25 08:05:17

      查看更多

      热门标签

      客户端 实践 基础知识 Java 服务器 java 数据库 框架 python 服务端 学习 代码 简单 javascript 编程
      查看更多

      相关产品

      弹性云主机

      随时自助获取、弹性伸缩的云服务器资源

      天翼云电脑(公众版)

      便捷、安全、高效的云电脑服务

      对象存储

      高品质、低成本的云上存储服务

      云硬盘

      为云上计算资源提供持久性块存储

      查看更多

      随机文章

      若依框架 -------- vue3+element-plus(四)

      设计模式-组合模式

      若依框架----字典表

      后端框架的学习----mybatis框架(6、日志)

      Feign

      es底层读写原理?倒排索引原理?

      • 7*24小时售后
      • 无忧退款
      • 免费备案
      • 专家服务
      售前咨询热线
      400-810-9889转1
      关注天翼云
      • 旗舰店
      • 天翼云APP
      • 天翼云微信公众号
      服务与支持
      • 备案中心
      • 售前咨询
      • 智能客服
      • 自助服务
      • 工单管理
      • 客户公告
      • 涉诈举报
      账户管理
      • 管理中心
      • 订单管理
      • 余额管理
      • 发票管理
      • 充值汇款
      • 续费管理
      快速入口
      • 天翼云旗舰店
      • 文档中心
      • 最新活动
      • 免费试用
      • 信任中心
      • 天翼云学堂
      云网生态
      • 甄选商城
      • 渠道合作
      • 云市场合作
      了解天翼云
      • 关于天翼云
      • 天翼云APP
      • 服务案例
      • 新闻资讯
      • 联系我们
      热门产品
      • 云电脑
      • 弹性云主机
      • 云电脑政企版
      • 天翼云手机
      • 云数据库
      • 对象存储
      • 云硬盘
      • Web应用防火墙
      • 服务器安全卫士
      • CDN加速
      热门推荐
      • 云服务备份
      • 边缘安全加速平台
      • 全站加速
      • 安全加速
      • 云服务器
      • 云主机
      • 智能边缘云
      • 应用编排服务
      • 微服务引擎
      • 共享流量包
      更多推荐
      • web应用防火墙
      • 密钥管理
      • 等保咨询
      • 安全专区
      • 应用运维管理
      • 云日志服务
      • 文档数据库服务
      • 云搜索服务
      • 数据湖探索
      • 数据仓库服务
      友情链接
      • 中国电信集团
      • 189邮箱
      • 天翼企业云盘
      • 天翼云盘
      ©2025 天翼云科技有限公司版权所有 增值电信业务经营许可证A2.B1.B2-20090001
      公司地址:北京市东城区青龙胡同甲1号、3号2幢2层205-32室
      • 用户协议
      • 隐私政策
      • 个人信息保护
      • 法律声明
      备案 京公网安备11010802043424号 京ICP备 2021034386号