Heroku로 풀스택 앱 배포 - Express 백엔드, React 프론트엔드?

허락하다

동일한 프로젝트 폴더에 포함된 Express 백엔드 및 React 프런트 엔드를 사용하여 첫 번째 전체 스택 앱을 빌드했습니다( GitHub repo 참조 ). 프런트 엔드는 이라는 폴더에 포함되어 client있습니다. 루트 디렉터리에서 앱을 배포했습니다. 배포된 사이트에는 "Cannot GET /"이라고만 표시됩니다. 프런트 엔드 부분의 package.json에는 요청을 백엔드로 프록시하는 프록시 필드가 있습니다. localhost에서 프로젝트를 열면 모든 것이 올바르게 작동합니다. 어떤 포인터라도 대단히 감사하겠습니다.

사용자11269493
 "scripts": {
    "start": "node server",
    "heroku-postbuild": "cd client && npm install && npm run build"
  },

백엔드 package.json부분 에서 해당 수정을 시도하십시오 . 먼저 백엔드 설정을 원하고 Heroku가 실행하려면 React가 필요합니다. Heroku에는 몇 가지 단점이 있습니다.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

내 React 프런트 엔드가 내 node-express 백엔드 서버를 호출 할 수 없습니다. 풀 스택 앱이 heroku에 배포되었습니다.

단일 Heroku 앱에서 프론트엔드(React.js) 및 백엔드(Node.js)를 배포하는 방법

Flask 백엔드에서 React 프론트엔드로 옵션 값 선택

React 프론트 엔드 및 Django Rest 프레임 워크 백엔드로 웹 사이트 배포

백엔드 용 Node JS Express 및 프론트 엔드 용 React JS

앱을 Heroku에 배포하면 Rails API 백엔드 및 React 프런트 엔드에 대한 인증 된 요청이 실패합니다.

React 프론트엔드로 NodeJS/Express API 실시간 알림

React to Heroku로 Ruby on Rails 백엔드 API를 배포하는 방법

별도의 프런트 엔드 / 백엔드 서버를 사용하여 Heroku에 앱 배포

통합 프런트 엔드 및 백엔드가있는 앱이 Heroku에 배포되지 않음

프론트 및 백엔드 기술 (js, node.js, psql, react ...)을 포함한 정말 간단한 앱 만들기

React 프런트 엔드와 마이크로 서비스 백엔드가있는 경우 두 개의 배포 대상 (프런트 엔드 용 S3, 백엔드 용 EKS)을 가질 수 있습니까?

Postgis 백엔드로 Django 앱 테스트

React Flask Heroku 앱에 프론트 엔드가 표시되지 않습니다

프론트에서 백엔드로 param.id 데이터 가져오기 - React / Node / Express

Laravel이 지원하는 Vuejs 앱을 배포하려면 어떻게 해야 합니까? 비슷한 방식으로 우리는 일반적으로 laravel 앱을 배포하거나 별도의 프론트엔드 및 백엔드 인스턴스가 필요합니까?

Django, webpack, reactjs, react-router로 분리 된 프론트 엔드와 백엔드

Angular를 프런트 엔드로, Python을 백 엔드로 사용하여 풀 스택 웹 앱을 Dockerize하는 방법은 무엇입니까?

res.status(404) 후 백엔드(express.js)에서 프론트엔드(react)로 json 데이터를 보내는 방법은 무엇입니까?

프론트엔드와 백엔드를 따로 테스트해야 하나요?

dart/flutter: Flutter 프론트엔드와 C/C++ 백엔드를 사용하여 iOS 앱을 App Store로 배송하는 방법은 무엇입니까?

mern 스택을 heroku에 배포할 때 프론트엔드가 작동하지 않습니다.

next.js 프론트엔드 및 분리된 익스프레스 백엔드 배포 방법

프론트엔드에서 백엔드 서비스로의 Kubernetes http 요청

Node (express.js) 백엔드 및 create-react-app을 프런트 엔드로 사용하여 Jest 테스트를 실행하는 방법

백엔드가 Python으로 작성된 경우 프론트 엔드 UI (데스크탑 앱) 개발에 권장되는 언어는 무엇입니까?

Vercel 및 Pythonanywhere | 도메인 및 하위 도메인에 프론트엔드와 백엔드를 별도로 배포

백엔드의 req.query가 heroku에 배포 된 후 React 프런트 엔드에서 json으로 판명되었습니다. 어떻게 수정합니까?

Angular 7 앱을 다른 포트에서 실행되는 백엔드 엔드 포인트로 프록시

TOP 리스트

  1. 1

    JNDI를 사용하여 Spring Boot에서 다중 데이터 소스 구성

  2. 2

    std :: regex의 일관성없는 동작

  3. 3

    JSoup javax.net.ssl.SSLHandshakeException : <url>과 일치하는 주체 대체 DNS 이름이 없습니다.

  4. 4

    PrematureCloseException : 연결이 너무 일찍 닫혔습니다.

  5. 5

    Xcode10 유효성 검사 : 이미지에 투명성이 없지만 여전히 수락되지 않습니까?

  6. 6

    정점 셰이더에서 카메라에서 개체까지의 XY 거리

  7. 7

    Ionic 2 로더가 적시에 표시되지 않음

  8. 8

    Seaborn에서 축 제목 숨기기

  9. 9

    C #에서 'System.DBNull'형식의 개체를 'System.String'형식으로 캐스팅 할 수 없습니다.

  10. 10

    복사 / 붙여 넣기 비활성화

  11. 11

    ArrayBufferLike의 typescript 정의의 깊은 의미

  12. 12

    Google Play Console에서 '예기치 않은 오류가 발생했습니다. 나중에 다시 시도해주세요. (7100000)'오류를 수정하는 방법은 무엇입니까?

  13. 13

    Kubernetes Horizontal Pod Autoscaler (HPA) 테스트

  14. 14

    jfreecharts에서 x 및 y 축 선을 조정하는 방법

  15. 15

    PRNG 기간보다 순열이 더 많은 목록을 무작위로 섞는 방법은 무엇입니까?

  16. 16

    C # HttpWebRequest 기본 연결이 닫혔습니다. 전송시 예기치 않은 오류가 발생했습니다.

  17. 17

    다음 컨트롤이 추가되었지만 사용할 수 없습니다.

  18. 18

    잘못된 구성 개체입니다. Webpack이 Angular의 API 스키마와 일치하지 않는 구성 개체를 사용하여 초기화되었습니다.

  19. 19

    Android Kotlin은 다른 활동에서 함수를 호출합니다.

  20. 20

    R의 마침표와 숫자 사이에 문자열 삽입

  21. 21

    Assets의 BitmapFactory.decodeStream이 Android 7에서 null을 반환합니다.

뜨겁다태그

보관