빌드 후 이미지url
388
작성한 질문수 8
nest 백엔드까지 같이 사서 들었는데요 몇일 고민을 해봤는데 해결이 안되서 질문 올립니다.
강의에서 말씀하신것처럼 프론트 빌드 한 것을 백엔드 public 폴더 안에 넣었습니다.
파일구조는 back/public안에 dist폴더랑 index.html이렇게 넣었습니다.
먼저 첫번째 질문은
프론트 따로 백엔드 따로 로컬에서 돌릴때는
이렇게 뜨고 제대로 실행이 되는데
백엔드안에 빌드한 내용물을 넣고 로컬에서 돌린 후 이미지를 업로드 하면 액박이 뜹니다. 그래서 주소를 보았는데 위에 있는 백엔드에서 안가져오고 다른 주소에서 가지고 오는데 그 주소가.. http:다른 사람이 배포한 주소/upload\사진.jpg로 뜨더라구요 사진을 올리고 싶은데 다른 사람이 배포한 주소가 떠서 일단 이렇게 설명 드립니다 그래서 결과적으로 프론트에서 proxy를 3095로 했는데 백엔드로 돌릴때도 3095로 되어야 되는데 안됩니다! (이미지 빼고는 다 됩니다)
두번째 질문은 이미지빼고는 다 잘 되서 일단 배포를 한번 해봤는데요
이런 에러메세지가 뜹니다. 네트워크를 살펴봤을 때는 app.js에는 200으로 잘 가지고 왔구요 타입문제인줄 알고
이렇게도 해봤는데도 안되서 찾아보니 경로문제인거같은데 .. 경로는 제대로 한거같은데 왜 안되는지 모르겠습니다 (파일구조)
답변 1
0
1번 질문은 이해가 잘 안되는게 다른 사람이 배포한 주소라는 게 뭔가요? 알고있는 주소인 건가요? 코드 상에 그 주소가 들어있는 건 아닌가요?
2번도 경로문제로 보이는데요. 해당 http~~~app.js 주소를 브라우저에 입력해보세요. 제대로 js가 안 뜨면 경로 문제가 맞습니다. 43.201.108.188은 서버 주소가 맞나요??
백엔드는 뭘로하신건가요??
0
해결됬습니다! 확인한다고 확인했는데 이렇게 질문올리고 난뒤에 찾았네요 .. 자잘자잘한 실수들로 인해 생긴거였습니다! 백엔드는 nest로 했습니다 !
대신 한가지 여쭤볼게 있습니다
이렇게 백에다가 빌드한 프론트를 넣어서 한 컴퓨터에다가 같이 올리면 둘이 같은 ip를 사용하는거라고 생각되는데 .. 그러면 프론트랑 백이랑 쿠키는 자동으로 공유가 되는건가요 ?
기본 셋팅과 관련하여
0
92
1
초기 셋팅 back과 front만 남겨두고 다 지운 후 진행 방법
0
96
2
focus 시에만 화면 업데이트 되는 이유 + 해결방법
0
150
2
useEffect 개수 관리
0
110
2
라이브러리 서치 방법
0
104
2
함수 정의 패턴
0
77
1
npm run dev 에러
0
152
3
npx webpack 후 에러
0
178
2
'void' 형식 식의 truthiness를 테스트할 수 없습니다.ts(1345)
0
144
2
사용자 가입시 에러발생 (TypeError: Cannot read properties of null (reading 'addMembers')
1
178
2
초기세팅중 packge.json 에러떠요
0
157
2
CORS - Access-Control-Allow-Origin 누락 문제
0
431
3
로그인 페이지 무한 새로고침 현상
0
598
2
Module not found: Error: Can't resolve './App' 에러
0
959
1
배포 방법
0
298
2
npm run dev 시 빌드가 매우 느려졌습니다
0
990
2
alias 경로 설정 오류
0
452
2
fetcher 함수의 data 값이 두번 찍히는 이유
0
278
1
제네릭 질문
0
218
2
ts-node 대신 tsx 사용여부
0
373
1
배포 관련 질문
0
247
1
[nginx + https] 서비스를 실행하면 niginx가 아닌 서비스 화면을 보여주게 하고 싶습니다.
0
385
2
[배포하기] webpack에 aws 퍼블릭 IPv4 주소 와 포트 주소를 작성하고 나서 빌드후 실행하면 오류가 발생합니다.
0
336
1
users 호출 시 쿠키가 담기지 않는 이슈 질문드립니다.
0
247
2





