快捷導(dǎo)航

springboot+angular4前后端分離跨域問(wèn)題解決詳解

更新時(shí)間：2019年09月30日 09:36:20 作者：行走的空心菜

這篇文章主要介紹了springboot+angular4前后端分離跨域問(wèn)題解決詳解,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下

springboot中新增一個(gè)過(guò)濾器如下：

package com.rtpksps.kss.config;
import org.springframework.stereotype.Component;
import javax.servlet.*;
import javax.servlet.http.HttpServletResponse;
import 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-Control-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頁(yè)面發(fā)送http請(qǐng)求：

reqData(){ // 向后臺(tái)請(qǐng)求數(shù)據(jù)
      var url = "http://192.168.100.100:8888/cmsRole/show";//視頻教程中的測(cè)試用請(qǐng)求地址
      var _that = this;
      this.http.get(url).subscribe(function(data){//請(qǐng)求成功的回調(diào)函數(shù)
     console.log(data);
      },function(err){// 請(qǐng)求失敗的回調(diào)函數(shù)
       console.log(err);
      })
     }

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

SpringCloud之熔斷監(jiān)控Hystrix Dashboard的實(shí)現(xiàn)
這篇文章主要介紹了SpringCloud之熔斷監(jiān)控Hystrix Dashboard的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-09-09
springboot整合spring-retry的實(shí)現(xiàn)示例
本文將結(jié)合實(shí)例代碼，介紹springboot整合spring-retry的實(shí)現(xiàn)示例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-06-06
Java的MyBatis框架中實(shí)現(xiàn)多表連接查詢和查詢結(jié)果分頁(yè)
這篇文章主要介紹了Java的MyBatis框架中實(shí)現(xiàn)多表連接查詢和查詢結(jié)果分頁(yè),借助MyBatis框架中帶有的動(dòng)態(tài)SQL查詢功能可以比普通SQL查詢做到更多,需要的朋友可以參考下
2016-04-04
java實(shí)現(xiàn)后臺(tái)返回base64圖形編碼
這篇文章主要介紹了java實(shí)現(xiàn)后臺(tái)返回base64圖形編碼，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-06-06
Hadoop2.8.1完全分布式環(huán)境搭建過(guò)程
本文搭建了一個(gè)由三節(jié)點(diǎn)（master、slave1、slave2）構(gòu)成的Hadoop完全分布式集群（區(qū)別單節(jié)點(diǎn)偽分布式集群），并通過(guò)Hadoop分布式計(jì)算的一個(gè)示例測(cè)試集群的正確性。對(duì)hadoop分布式環(huán)境搭建過(guò)程感興趣的朋友跟隨小編一起看看吧
2019-06-06
Spring中@Scheduled功能的使用方法詳解
@Scheduled 由Spring定義,用于將方法設(shè)置為調(diào)度任務(wù),下面這篇文章主要給大家介紹了關(guān)于Spring中@Scheduled功能的使用方法,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-04-04
Java中Integer的parseInt和valueOf的區(qū)別詳解
這篇文章主要介紹了Java中Integer的parseInt和valueOf的區(qū)別詳解,nteger.parseInt(s)是把字符串解析成int基本類型,Integer.valueOf(s)是把字符串解析成Integer對(duì)象類型,其實(shí)int就是Integer解包裝,Integer就是int的包裝,需要的朋友可以參考下
2023-11-11
java后端返回?cái)?shù)據(jù)給前端時(shí)去除值為空或NULL的屬性、忽略某些屬性代碼示例
在Java開(kāi)發(fā)中我們處理JSON數(shù)據(jù)時(shí)經(jīng)常會(huì)遇到空值(null)的情況,這篇文章主要給大家介紹了關(guān)于java后端返回?cái)?shù)據(jù)給前端時(shí)去除值為空或NULL的屬性、忽略某些屬性的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下
2024-07-07
springboot?使用mybatis查詢的示例代碼
這篇文章主要介紹了springboot?使用mybatis查詢功能，本文通過(guò)示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2022-08-08
JVM 心得 OOM時(shí)的堆信息獲取方法與分析
下面小編就為大家?guī)?lái)一篇JVM 心得 OOM時(shí)的堆信息獲取方法與分析。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-10-10