환경

• Nuxt, PrimeVue3, kubernetes, nginx

---

문제점

• 처음 페이지를 로딩 후에 API 요청을 보내면 요청 프로토콜이 https로 바뀌는 문제

• 처음 SPA 페이지를 로딩하고 로그인을 위하여 API 요청을 보내면 요청 url이 https로 보내지는 문제가 생김.

Why?

iframe으로 bokeh 그래프를 띄워주기 위하여 iframe을 사용 후 mixed-content error를 해결하기 위해서

nuxt.config.ts에 { "http-equiv": "content-security-policy", content: "upgrade-insecure-requests" } 를 추가한게 문제였다.

upgrade-insecure-requests 얘가 요청 프로토콜을 http ►https로 바꿔버린다.

해결방법

문제가 되는 해당 header를 제거하면 요청 url이 정상적으로 http면 http로 https면 https로 요청된다.