html采用vue中ajax调用restful api的跨域问题解决

跨域解决方案

最新推荐文章于 2024-01-28 21:51:08 发布

原创最新推荐文章于 2024-01-28 21:51:08 发布 · 1.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#跨域 #Access-Control-Allow

exception 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种通过自定义过滤器实现的跨域请求处理方案，详细展示了如何设置HTTP响应头来允许来自不同源的请求，包括设置允许的请求方法、头部信息及缓存时间等。

1.采用jsonp方式解决：

返回的格式符合json格式，并在外围用callback括起来返回

2.自己编写过滤器

package com.huahui.energy.common.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;

/**
 * Servlet Filter implementation class CroFilter
 */
public class CroFilter implements Filter {

    /**
     * Default constructor. 
     */
    public CroFilter() {
        // TODO Auto-generated constructor stub
    }

	/**
	 * @see Filter#destroy()
	 */
	public void destroy() {
		// TODO Auto-generated method stub
	}

	/**
	 * @see Filter#doFilter(ServletRequest, ServletResponse, FilterChain)
	 */
	public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException {
		// TODO Auto-generated method stub
		if(response instanceof HttpServletResponse){  
            HttpServletResponse alteredResponse = ((HttpServletResponse)response);  
            alteredResponse.addHeader("Access-Control-Allow-Origin", "*");  
            alteredResponse.addHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, PUT, DELETE, HEAD");  
            alteredResponse.addHeader("Access-Control-Allow-Headers", "X-PINGOTHER, Origin, X-Requested-With, Content-Type, Accept");  
            alteredResponse.addHeader("Access-Control-Max-Age", "1728000");  
        }  

		// pass the request along the filter chain
		chain.doFilter(request, response);
	}

	/**
	 * @see Filter#init(FilterConfig)
	 */
	public void init(FilterConfig fConfig) throws ServletException {
		// TODO Auto-generated method stub
	}

}