투케이2K

65. (TWOK/ERROR) [Spring] 자바스크립트 Ajax 요청 시 크로스 도메인 이슈 - Cross Origin Resources Sharing 본문

투케이2K 에러관리

65. (TWOK/ERROR) [Spring] 자바스크립트 Ajax 요청 시 크로스 도메인 이슈 - Cross Origin Resources Sharing

투케이2K 2022. 5. 11. 09:51

[환경 설정 및 설명]

프로그램 : Intelij

설 명 : 자바스크립트 Ajax 요청 시 크로스 도메인 이슈 - Cross Origin Resources Sharing

 

[에러 원인]

1. 자바스크립트 Ajax 요청 시 크로스 도메인 이슈로 스프링 API 호출을 할 수 없는 이슈

 

[해결 방법]

1. 스프링 API 정의 부분에서 @CrossOrigin("*") 설정 실시

package com.project.solutionpackage.controller;

import com.project.solutionpackage.model.*;
import com.project.solutionpackage.service.DBService;
import lombok.extern.slf4j.Slf4j;
import org.apache.logging.log4j.util.Base64Util;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.boot.configurationprocessor.json.JSONException;
import org.springframework.boot.configurationprocessor.json.JSONObject;
import org.springframework.util.Base64Utils;
import org.springframework.web.bind.annotation.*;


// [크로스 도메인 접속 허용 설정]
@CrossOrigin("*")

// [RestController = rest api 요청 / Controller = view 연결]
@RestController
public class DBApiController {

    /**
     * [클래스 설명]
     * 1. api 호출 경로 및 리턴 데이터 반환 실시
     * 2. 실제로 api 호출 (req) 및 반환 (res) 이루어지는 클래스
     * */


    // [service 설정 : 로직 연결 위함]
    // [로직 : 사용자 API 호출 >> 컨트롤러에서 서비스 호출 >> 서비스에서 DB Mapper 호출]
    @Autowired
    private DBService dbService;


    // [root 경로 지정]
    @GetMapping("/")
    public Return_DB_Json_Model root() {
        return new Return_DB_Json_Model("T", "루트페이지 입니다.");
    }

}
 

 

반응형
Comments