gcp에서 nignix 활용해 배포 중 mixed content 오류, 클라이언트와 apollo 서버간의 통신 문제 제발 도와주세요 ㅠㅠ

Question

안녕하세요 저번에 글을 올리고 계속해서 시도해봤지만 문제가 해결이 안 돼 다시 한 번 도움을 청합니다 ㅠㅠㅠ 정말 해결이 된다면 스타벅스 기프티콘이라도 보내고 싶은 절박한 마음입니다 ㅠㅠ gcp에서 niginx를 통해 client와 apollo-express-server를 동시에 배포 했습니다. 클라이언트 외부 주소: http://12.123.123.12:3000서버외부 주소 : http://12.123.123.12:8000/graphql하지만 client에 https를 적용하고 나서 문제가 시작되었습니다. client는 도메인이 적용 된 https , apollo 서버는 http라 도메인 주소로 접속하면 서버에서 정보를 받아올 수가 없었습니다. 물론 클라이언트 외부 주소에서는 잘 받아와집니다.그래서 문제를 해결하기 위해 서버를 따로 빼 https로 연결해보려고 했지만 실패했고 유일하게 시도한 방법 중 통한 것은Nginx &#43; GraphQL Connection Refused 여기서 힌트를 얻어 nignix 설정 파일에서 location /graphql 를 설정하하고 client 에서 createHttpLink 기능을 쓰는 것이었습니다.메인페이지는 Error: only absolute urls are supported 라는 같은 url로 접속하라는 오류가 뜹니다..하지만 https://도메인 주소/list 경로에서는 정상적으로 받아와집니다. 이렇게 되고 아예 안되면 모르겠는데 특정 경로에서는 데이터를 가져올 수 있어서 더 혼란스럽습니다ㅠㅠㅠㅠ 어떤 방법을 활용해야 https에서도 정상적으로 데이터를 받아올 수 있을까요? 선배님들 제발 도와주세요! ㅜㅜ niginx 설정 server { listen 80; listen [::]:80; server_name domain.kr www.domain.kr; location / { proxy_pass http://localhost:3000; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection 'upgrade'; proxy_set_header Host $host; proxy_cache_bypass $http_upgrade; } location ^~/graphql { proxy_pass http://localhost:8000/graphql; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection &#34;upgrade&#34;; proxy_set_header Host $http_host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header X-Frame-Options SAMEORIGIN; } } server { listen 443 ssl; server_name domain.kr www.domain.kr; if ($host &#61; 'www.domain.kr' ) { rewrite ^/(.*)$ http://domain.kr/$1 permanent; } } client의 apollo.jsimport { ApolloClient,createHttpLink, InMemoryCache } from &#34;&#64;apollo/client&#34;; const link &#61; createHttpLink({ uri: &#34;/graphql&#34; }); export const client &#61; new ApolloClient({ link cache: new InMemoryCache(), ssrMode: typeof window &#61;&#61;&#61; &#34;undefined&#34;, });server/index.js import express from &#34;express&#34;; import { ApolloServer } from &#34;apollo-server-express&#34;; import { ApolloServerPluginDrainHttpServer } from &#34;apollo-server-core&#34;; import resolvers from &#34;./resolvers/index.js&#34;; import schema from &#34;./schema/index.js&#34;; import http from &#34;http&#34;; import { randomDB, readDB, reverseDB } from &#34;./dbController.js&#34;; import dotenv from &#34;dotenv&#34;; const app &#61; express(); dotenv.config(); const httpServer &#61; http.createServer(app); const server &#61; new ApolloServer({ typeDefs: schema, resolvers, context: { db: { cody: reverseDB(&#34;cody&#34;), products: randomDB(&#34;products&#34;), perfumes: randomDB(&#34;perfumes&#34;), music: randomDB(&#34;music&#34;), }, }, plugins: [ApolloServerPluginDrainHttpServer({ httpServer })], }); await server.start(); server.applyMiddleware({ app, path: &#34;/graphql&#34;, cors: { origin: &#34;*&#34;, credentials: true, }, }); await new Promise((resolve) &#61;> httpServer.listen({ port: 8000 }, resolve)); console.log(&#96;&#x1f680; Server ready at http://localhost:8000${server.graphqlPath}&#96;);

gcp에서 nignix 활용해 배포 중 mixed content 오류, 클라이언트와 apollo 서버간의 통신 문제 제발 도와주세요 ㅠㅠ

0개의 답변

#apollo 목록