快捷導(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() {
  }
}

在接口中指定需要的方法類(lèi)型

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)文章

Java中sharding-jdbc按年月分片的示例代碼
本文主要介紹了Java中sharding-jdbc按年月分片的示例代碼，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2023-07-07
Java多線程基礎(chǔ)
這篇文章主要介紹Java多線程基礎(chǔ)，線程是進(jìn)程的一個(gè)實(shí)體，是CPU調(diào)度和分派的基本單位，它是比進(jìn)程更小的能獨(dú)立運(yùn)行的基本單位，多線程指在單個(gè)程序中可以同時(shí)運(yùn)行多個(gè)不同的線程執(zhí)行不同的任務(wù)，下面來(lái)學(xué)習(xí)具體的詳細(xì)內(nèi)容
2021-10-10
深入學(xué)習(xí)java8?中的CompletableFuture
本文主要介紹了java8中的CompletableFuture,CompletableFuture實(shí)現(xiàn)了CompletionStage接口和Future接口,前者是對(duì)后者的一個(gè)擴(kuò)展，增加了異步回調(diào)、流式處理、多個(gè)Future組合處理的能力，使Java在處理多任務(wù)的協(xié)同工作時(shí)更加順暢便利,下文需要的朋友可以參考一下
2022-05-05
java對(duì)象的序列化和反序列化
這篇文章主要為大家詳細(xì)介紹了java對(duì)象的序列化和反序列化，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-11-11
spring boot實(shí)現(xiàn)軟刪除的示例代碼
這篇文章主要介紹了spring boot實(shí)現(xiàn)軟刪除的示例代碼，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-07-07
Mybatis 查詢語(yǔ)句條件為枚舉類(lèi)型時(shí)報(bào)錯(cuò)的解決
這篇文章主要介紹了Mybatis 查詢語(yǔ)句條件為枚舉類(lèi)型時(shí)報(bào)錯(cuò)的解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-01-01
JAVA?biginteger類(lèi)bigdecimal類(lèi)的使用示例學(xué)習(xí)
這篇文章主要為大家介紹了JAVA?biginteger類(lèi)bigdecimal類(lèi)的使用示例學(xué)習(xí)，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-07-07
java實(shí)現(xiàn)一個(gè)掃描包的工具類(lèi)實(shí)例代碼
很多框架，比如springmvc，mybatis等使用注解，為了處理注解，必然要對(duì)包進(jìn)行掃描，所以下面這篇文章主要給大家分享介紹了關(guān)于利用java如何實(shí)現(xiàn)一個(gè)掃描包的工具類(lèi)，文中通過(guò)示例代碼介紹的非常詳細(xì)，需要的朋友可以參考下。
2017-10-10
Kotlin教程之函數(shù)和包的定義和流程控制
這篇文章主要介紹了Kotlin教程之函數(shù)和包的定義和流程控制的相關(guān)資料,需要的朋友可以參考下
2017-05-05
SpringCloud feign無(wú)法注入接口的問(wèn)題
這篇文章主要介紹了SpringCloud feign無(wú)法注入接口的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2023-06-06