vue.js跨域_vueaxios跨域请求

vue.js跨域_vueaxios跨域请求最近公司能的项目使用前后端分离,前端开发请求接口数据的时候碰到了跨域问题,解决方案如下一、SimpleCORSFilter工具类在项目Util类中新建类SimpleCORSFilter实现Filter接口packagecom.how2java.tmall.util;importjava.io.IOException;importjavax.servlet.Filter…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

最近公司能的项目使用前后端分离,前端开发请求接口数据的时候碰到了跨域问题,解决方案如下

一、SimpleCORSFilter工具类

在项目Util类中新建类SimpleCORSFilter 实现Filter接口

package com.how2java.tmall.util;

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.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class SimpleCORSFilter implements Filter{
    private boolean isCross = false;

    @Override
    public void destroy() {
        isCross = false;
    }

    @Override
    public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain)
            throws IOException, ServletException {
        if (isCross) {
            HttpServletRequest httpServletRequest = (HttpServletRequest) request;
            HttpServletResponse httpServletResponse = (HttpServletResponse) response;
            System.out.println("拦截请求: " + httpServletRequest.getServletPath());
            httpServletResponse.setHeader("Access-Control-Allow-Origin", "*");
            httpServletResponse.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
            httpServletResponse.setHeader("Access-Control-Max-Age", "0");
            httpServletResponse.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,token");
            httpServletResponse.setHeader("Access-Control-Allow-Credentials", "true");
            httpServletResponse.setHeader("XDomainRequestAllowed", "1");
        }
        chain.doFilter(request, response);
    }

    @Override
    public void init(FilterConfig filterConfig) throws ServletException {
        String isCrossStr = filterConfig.getInitParameter("IsCross");
        isCross = isCrossStr.equals("true") ? true : false;
        System.out.println(isCrossStr);
    }

}

二、web.xml处理跨域请求

  <filter>  
    <filter-name>SimpleCORSFilter</filter-name>  
    <filter-class>com.how2java.tmall.util.SimpleCORSFilter</filter-class>  
    <init-param>  
      <param-name>IsCross</param-name>  
      <param-value>true</param-value>  
    </init-param>  
  </filter>  
  <filter-mapping>  
    <filter-name>SimpleCORSFilter</filter-name>  
    <url-pattern>/*</url-pattern> 
  </filter-mapping>

三、spring-4.0的

springMVC.xml配置

<mvc:cors>  
        <mvc:mapping path="/**"  
                       allowed-origins="*"  
                       allowed-methods="POST, GET, OPTIONS, DELETE, PUT"  
                       allowed-headers="Content-Type, Access-Control-Allow-Headers, Authorization, X-Requested-With"  
                       allow-credentials="true" />  
    </mvc:cors>

 

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/188420.html原文链接:https://javaforall.net

(0)
上一篇 2026年4月16日 下午5:55
下一篇 2026年4月16日 下午6:01


相关推荐

  • tween.js 中文使用指南

    tween.js 中文使用指南tween js 英文使用指南首先来看个例子 hello tween js 补间 动画 来自 in between 是一个概念 允许你以平滑的方式更改对象的属性 你只需告诉它哪些属性要更改 当补间结束运行时它们应该具有哪些最终值 以及这需要多长时间 补间引擎将负责计算从起始点到结束点的值 例如 position 对象拥有 x 和 y 两个坐标 varposition x 1

    2026年3月19日
    3
  • nginx指令详解_考试说明全解

    nginx指令详解_考试说明全解常见的命令有:nginx-sreopen#重启Nginxnginx-sreload#重新加载Nginx配置文件,然后以优雅的方式重启Nginxnginx-sstop#强制停止Nginx服务nginx-squit#优雅地停止Nginx服务(即处理完所有请求后再停止服务)nginx-t#检测配置文件是否有语法错误,然后退出nginx-?,-h#打开帮助信息nginx-v#显示版本信息并退出nginx-V#显示版本和配置选项信息,然后退出

    2025年5月25日
    4
  • SpringMVC学习—使用ajax返回Json出现乱码解决方法[通俗易懂]

    在使用ajax请求后台访问数据的数据,后台返回的数据是乱码,带??问号的乱码,之前还一直没有遇到过,在这里记录整理一下,贴出解决代码!

    2022年2月25日
    41
  • 接口自动化测试框架Karate入门

    接口自动化测试框架Karate入门介绍在这篇文章中 我们将介绍一下开源的 Web API 自动化测试框架 KarateKarate 是基于另一个 BDD 测试框架 Cucumber 来建立的 并且共用了一些相同的思想 其中之一就是使用 Gherkin 文件 该文件描述了被测试的功能与 Cucumber 不同的是测试用例不需要用 Java 编写 并且被完整的描述在 Gherkin 文件中通过 Karate 您可以编写任何类型的 Web 服务端的测试脚本 并检查响应是否符合预期 Karate 的验证引擎可以灵活的比较两个 JSON 或 XML 文件内容 不受空格和数据顺序的影响

    2026年3月17日
    3
  • centos7.4安装docker_pythondocker

    centos7.4安装docker_pythondocker前言当我们在一台电脑上搭建了python3.6的环境,下次换台电脑,又得重新搭建一次,设置环境变量等操作。好不容易安装好,一会提示pip不是内部或外部命令,一会又提示pip:commandno

    2022年7月29日
    14
  • 关于IplImage的widthstep

    关于IplImage的widthstep这两天编程实现同态滤波,可实现的结果却令我大跌眼镜,滤波后的图像严重发生了错位,简直分辨不出图像的内容,检查程序没有发现错误,这让我一直很郁闷。今天早上在百度上搜到一个帖子,帖子是别人转的,但原帖子的作者也遇到过这样的错误。作者说宽度为偶数的图片不会发生这样的情况,但宽度为奇数的图片就会发生上面的错误。我也拿了几张图片试验了一下,正如作者所说。究其原因,原来是IplImage的widthstep在…

    2022年6月3日
    47

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号