source

VUE 3 CLI 프로젝트가 sockjs 노드새로고침 호출에 대해 CORS를 차단하고 있습니다(API 호출에 대해 구성에서 프록시 사용).

lovecheck 2022. 11. 28. 21:16
반응형

VUE 3 CLI 프로젝트가 sockjs 노드새로고침 호출에 대해 CORS를 차단하고 있습니다(API 호출에 대해 구성에서 프록시 사용).

로컬 호스트에서 VUE 3 CLI 프로젝트를 실행하고 있습니다.

데이터를 요청해야 하는 원격 서버가 있습니다.브라우저가 이 CORS를 차단하고 있었기 때문에 vue 설정에서 올바른 api 헤더와 프록시를 설정하는 방법을 배워야 했습니다.

내 vue.config.js 파일에는 다음이 포함됩니다.

devServer: {
    https: true,
    proxy: {
        '^/api': {
            target: 'https://api.mysite.com/',
            ws: true,
            changeOrigin: true
        }
    }
},

이로 인해 로컬호스트에서 리모트서버로의 CORS 블록이 해결되었습니다만, 타이틀의 문제가 발생했습니다.이것으로, sockjs-node 파일에의 콜은 크로스 발신기지라고 생각됩니다.

차단된 발신지 간 요청:동일한 오리진 정책에 따라 원격 리소스(https://192.168.29.243:8080/sys-node/info?t=16158269010)를 읽을 수 없습니다(이유: CORS 요청이 성공하지 못했습니다).

나는 이것에 대한 어떠한 이유도 해결책도 찾을 수 없을 것 같다.이걸 마주하고 어떻게 해야 할지 아는 사람이 있나요?

이것으로 나는 해결되었다.다음 링크를 확인하십시오.이러한 SockJS SSL 오류를 수정하려면 어떻게 해야 합니까?

    // vue.config.js
module.exports = {
    devServer: {
        proxy: {
            "^/api": {
                target: "https://localhost:44345",
                ws: true,
                changeOrigin: true,
            },
        },
        headers: {
            "Access-Control-Allow-Origin": "*",
            "Access-Control-Allow-Headers": "Origin, X-Requested-With, Content-Type, Accept",
        },
        public: "http://localhost:44345",
        disableHostCheck: true,
    },
};

언급URL : https://stackoverflow.com/questions/66643359/vue-3-cli-project-is-blocking-cors-for-the-sockjs-node-refresh-call-using-a-pro

반응형