테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

리액트 빌드 관련 추가 질문 입니다. 채택완료

웹프리죤 1년 전 조회 1,877
답변 6
목록

리액트 수정 작업 후 배포 할 때마다

 

- npm run build

- npm install -g serve

- serve -s build

 

이 3단계를 거쳐 하나요?

#리액트 #빌드 #배포
댓글을 작성하려면 로그인이 필요합니다.

답변 6개

채택된 답변
+20 포인트
미
미니님a Expert
1년 전

https://velog.io/@ddussi/%EC%83%88%EB%A1%9C%EA%B3%A0%EC%B9%A8-%EC%98%A4%EB%A5%98-%EC%99%9C-%EC%9D%B4%EB%9F%B0%EA%B1%B0%EC%A7%80

 

이거 참조하셔도 됩니다

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

�
웹프리죤
1년 전
제가 모르는것들 시간 투자 하셔서 잘 알려주셔서 많은 도움 되었습니다.
감사합니다 !!

댓글을 작성하려면 로그인이 필요합니다.

미
미니님a Expert
1년 전

그건 정상입니다.

SPA라서 그렇습니다.

 

루트에 .htaccess 파일 만들어 아래코드를 넣어주세요

</p>

<p><IfModule mod_rewrite.c></p>

<p>  RewriteEngine On</p>

<p>  RewriteBase /</p>

<p>  </p>

<p>  # 클라이언트 사이드 라우팅을 처리하는 규칙</p>

<p>  RewriteCond %{REQUEST_FILENAME} !-f</p>

<p>  RewriteCond %{REQUEST_FILENAME} !-d</p>

<p>  RewriteRule ^ /index.html [L]</p>

<p></IfModule></p>

<p>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

�
웹프리죤
1년 전
실제로 리액트로 웹사이트 작업할 때도 이런 처리를 별도로 해주는건가요?
안그럼 새로고침하면 에러나듯이 파일을 찾을 수 없다고 하니.. 이거 원..

댓글을 작성하려면 로그인이 필요합니다.

웹

아 감사합니다.

일단  https://jamttyworking.mycafe24.com/ 페이지 잘나옵니다.!!

 

근데 서브 페이지 클릭 후 이동 후 새로고침해도 해당 페이지에 있어야 하는데 파일을 찾을 수 없다는데

이건 왜 이런건가요..? 

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

웹

근데 말씀대로 추가 햇는데도 계속

 

The project was built assuming it is hosted at ./. You can control this with the homepage field in your package.json.

 

게 나오고 서버에서 안보이네요.. 뭐가 잘못됐을까요?

 

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

�
미니님a
1년 전
경로가 도메인/ 경우입니다.
혹시라도 폴더에 테스트하시러면 폴더까지쓰셔야합닏ㄱㆍ

댓글을 작성하려면 로그인이 필요합니다.

웹

아 yarn 설치 해놨으니 yarn build 로 하면 되겠네요

안그래도 서버에 올렸는데 페이지가 안보여서 ... 감사합니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

미
미니님a Expert
1년 전

전 yarn 쓰는데

 

yarn build 끝입니다.

 

npm 쓰시면

 

npm run build 하나만 하셔도 됩니다. 

 

그럼 알아서 생깁니다.

 

※ 아 깜빡하고 말씀안드린게 패키지json 에 "homepage": "./"  이거 꼭 추가해주셔야

 

서버 올렸을 때 정상적으로 보여요!!!!!!!!!

 

두번째 스샷보면, 위 내용이 있어요 홈페이지 : ./ 입력하라고!! 꼭 입력해주세요

 

 

방금 빌드했습니다.

 

http://sir.kr/data/editor/2408/978180634_1724058157.2336.png" width="100%" />

 

이렇게 추가해주심 되세요

 

http://sir.kr/data/editor/2408/978180634_1724058271.5462.png" width="279" />

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인