결제창 css 오류

온라인결제 API
1

image
image2822×1485 216 KB

안녕하세요, 카카오페이 온라인 단건결제서비스를 띄우는 중 이미지와 같은 문제가 생겼습니다.
이전에 결제창 css관련 답글달아주신 부분을 보고 corsFilter나 webConfig설정을 해주는 등 조치를 취했는데 에러가 떠서, 문의를 드립니다. 그제까지도 계속해서 잘 오던 css가 어제부터 갑자기 들어오지를 않아서 원인을 알 수 있을까요?

package com.ssafy.peachptich.global.config.cors;

import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

@Configuration
public class WebConfig implements WebMvcConfigurer {
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
                .allowedOrigins(
                        "http://localhost:5173",
                        "https://online-payment.kakaopay.com",
                        "https://t1.kakaocdn.net"
                )
                .allowedMethods("GET", "POST", "PUT", "DELETE", "OPTIONS")
                .allowedHeaders("*")
                .exposedHeaders("*")
                .allowCredentials(true)
                .maxAge(3600);
    }
}

webConfig도 함께 공유드립니다!

2

안녕하세요. 카카오페이 입니다.

오류로 보아서는 CORS오류로 보입니다.
코드만으로는 정확히 확인되지 않지만, 웹서버의 설정에 CORS에 대한 설정을 다시한번 확인부탁드립니다.

또한 웹서버 설정적용후, 호출 요청/응답에 Access-Control-Allow 정보가 제대로 되었는지 상세 정보를 통해 확인을 부탁드립니다.
참고될만한 웹사이트를 공유드리오니 참고부탁드립니다.

감사합니다.