springboot+angular4前后端分离 跨域问题解决详解

springboot+angular4前后端分离 跨域问题解决详解

springboot中新增一个过滤器如下：

package com.rtpksps.kss.config;

import org.springframework.stereotype.Component;

import javax.servlet.*;

import javax.servlet.http.HttpServletResponse;

imphttp://ort java.io.IOException;

/**

* @author Administrator

* @title: OriginFilter

* @projectName rtpksps-kss

* @description: TODO

* @date 2019/9/29 0029下午 15:52

*/

@Component

public class OriginFilter implements Filter {

@Override

public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {

HttpServletResponse response = (HttpServletResponse) servletResponse;

response.setHeader("Access-Control-Allow-Origin", "*");

response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE,PUT");

response.setHeader("Access-Controlhttp://-Max-Age", "3600");

response.setHeader("Access-Control-Allow-Headers", "x-requested-with");

filterChain.doFilter(servletRequest, servletResponse);

}

@Override

public void init(FilterConfig filterConfig) throws ServletException {

}

@Override

public void destroy() {

}

}

在接口中指定需要的方法类型

angular页面发送http请求：

reqData(){ // 向后台请求数据

var url = "http://192.168.100.100:8888/cmsRole/show";//视频教程中的测试用请求地址

var _that = this;

this.http.get(url).subscribe(function(data){//请求成功的回调函数

console.log(data);

},function(err){// 请求失败的回调函数

console.log(err);

})

}

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。