• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 Node.js, Express 게시판 node express + mongodb + vue 통합 질문입니다.

node express + mongodb + vue 통합 질문입니다.

6 글 보임 - 1 에서 6 까지 (총 6 중에서)
  • 글쓴이
  • #18642

    이하늘
    참가자

    안녕하세요, 얼마전부터 강의 구독중인 직장인입니다.

    감사하게도 좋은강의 잘 듣고 있습니다.

    전일 한차례 코딩애플 카카오톡을 통해 상담 문의 드렸는데 게시판으로 문의 달라고 안내해주셔서

    몰랐던 게시판의 존재도 알게되었네요.

     

    본론을 말씀드리면 제목과 같이

    node express와 mongoDB 그리고 Vuejs 연계를 하려하는 과정에서 쉽지가 않아서 질문드리려고 했습니다.

    게시판을 알게된 이상 저와 같은 분들이 계시지 않나 검색했는데 동일한 주제가 있엇고,

    2021년 4월 20일 19:47  강사님께서도 답글을 남겨주셨더군요.

    그런데,  제가 예제 서버코드 에서

    vue프로젝트 생성을 하고 하위로 프로젝트 생성을 하고,

    build를하고,

    disp경로로 build된 index.html을 보여달라고 요청도 한 다음

    터미널 두개로 각각 구동하도록 했죠.

    > nodemon serve.js

    > npm run serve

     

    그랬더니,

     

     

    저렇게 뭔지 모르는 js 파일들이 404로 나오면서 못띄우네요

    뭐가 잘못된 걸까요 커넥트만 몇일째 하다가 질문 남깁니다.

    읽어주셔서 감사합니다!

     

     

     

     

     

     

     

     

     

     

     

     

     

    #18646

    이하늘
    참가자

    수정을했는데 글이 바뀌지 않아서 덧글로 남깁니다.

     

    지금 npm run serve 한 뷰 프로젝트 터미널은 

    DONE Compiled successfully in 1350ms 

    App running at:
    - Local: http://localhost:8081/
    - Network: http://192.168.123.147:8081/
    이렇게 8081포트 할당받고 있구요.

     

    제가 원하는건 

    app.get('/', function(req, res){
        res.sendFile(__dirname + '/asypt/dist/index.html');
    });

    여기서 요청한 것처럼 localhost:8080/로 들어갔을 때 뷰 프로젝트를 보여주고

    더 나아가서는 mongoDB와도 연동되는 것입니다.

     

    #18654

    codingapple
    키 마스터

    const path = require('path'); 위에 추가하고 
     

    res.sendFile( path.join(__dirname, 'asypt/dist/index.html') )

    이렇게 해봅시다 

    #18657

    이하늘
    참가자

    ㅠ큰변화는 없었지만

    답변 감사합니다 강사님!


     

     

    제가 더 찾아보다가 발견한 건데

    저한테도 이런 답변을 하실 줄 알았습니다.

    결국 이런 식으로 연결하더라도 라우팅 또는 hash mode를 해야하는 거겠죠..?

    페이지가 뜨지 않는 건 원인을 몰라 답답하네요 ㅎㅎ

     

    감사합니다!

    #18661

    codingapple
    키 마스터

    app.use( '/', express.static( path.join(__dirname, 'asypt/dist') ) )
    도 상단에 추가합시다 

    #18672

    이하늘
    참가자

    감사합니다 잘 해결했습니다. 최고!

6 글 보임 - 1 에서 6 까지 (총 6 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠