[미해결] axios header config 한글 에러

자바스크립트 axios header config 한글 에러

Front에서 API를 설정을 위와 같이 해줬습니다.

22번 라인에 UserName을 추가했더니, 값이 한글이라 API가 전부 에러가 나네요ㅠ

명확한 에러 문구가 없어 많은 테스트를 통해 한글이 문제인것까진 알아냈지만

해결방법은 아직 찾지 못했습니다ㅠㅠ

 

혹시 해결방법 아시는 분 있으면 댓글로 부탁드립니다!

 

API 전체 코드

export const request = axios.create({
    timeout: 8000,
    baseURL: API_URL + '/api',
    responseType: "json",
    withCredentials: true,
    headers: {
        'Content-Type': 'application/json'
    }
});

request.interceptors.request.use(
    (config) => {
        config.headers.common = {
            'Authorization': CommonStore.token || "",
            'UserId': CommonStore.user_id || "",
            'UserName': CommonStore.user_name || "",
            'UserRole': CommonStore.user_role || "",
            'UserIp': CommonStore.user_ip || ""
        }

        return config;
    }, (error) => {
        console.log(error);
        return Promise.reject(error);
    });

// response 받을 때 오류 처리 중간 처리
request.interceptors.response.use(
    (response) => {

        return response;
    }, (error) => { // 요청 및 서버오류 공통 처리
        const { response } = error;

        if (response.status == 401) {
            CommonStore.code = 401;
        } else if (response.status == 403) {
            CommonStore.code = 403;
        } else if (response.status == 500) {
            CommonStore.code = 500;
        }

        return Promise.reject(error);
    });