Nuxt Mixed Content Error

Sbae·2024년 2월 14일
1
post-thumbnail

개발환경

  • Nuxt, PrimeVue3 사용, CSR

문제점

  • 개발 중 iframe으로 웹 소캣을 연결하여 사용하는데 http와 https로 서로 맞지 않아 발생하는 문제
    ws ► wss 으로 update

해결방법

nuxt.config.ts에

  • { "http-equiv": "Content-Security-Policy", content: "upgrade-insecure-requests" } 추가

nuxt.config.ts

meta: {
    title: process.env.npm_package_name || "",
    meta: [
      { charset: "utf-8" },
      { "http-equiv": "Content-Security-Policy", content: "upgrade-insecure-requests" }, // 추가
    ],
    link: [{ rel: "icon", type: "image/svg+xml", href: "/favicon.svg" }],
  },
profile
끄적이는 일반인

0개의 댓글