node express vue cli 배포
안녕하세요~
선생님코스 신청하고,
nodejs 는 아직 수강을 안한 상태 이지만,
배포 부분이 궁금해서 우선 배포 먼저 해보려고
시도중입니다.
아마존에 배포해보려다가 어려워서
카페24에 nodejs 호스팅에 배포를 시도중입니다.
혹시 답변을 해주시면 정말 감사하겠습니다~
질문1. 아래 코드가 vue 파일을 우선 실행시키는 코드가 맞을까요?
로컬에서 작동이 되는 카페24 가 원인인걸까요?
app.use(express.static('views'));질문2.아래 web.js 코드로 로컬에서는 동작하는데, 카페24에서는 왜 안되는걸까요?
작업 내용 [ vue 배포파일 생성 후 views 폴더에 복사, web.js 파일 생성]
web.js
const express = require('express')
const app = express()
app.use(express.static('views'));
app.get('/', function (req, res) {
res.send('8001')
})
app.listen(8001)
로컬 실행 : 잘됨

카페24 실행:
vue cli 가 실행이 안되고
8001 을 그냥 출력해 버리네요..
Answer 1
1
배포파일을 생성한 후에는 Vue CLI를 실행할 필요가 없습니다.
카페24에서 정확히 어떻게 구동시키는지에 대해서 알지 못하기 때문에 조언을 드리는데 한계가 있습니다.
다만 아래 코드와 같이 제일 하단에 웹 서버 접속 시 views폴더에 있는 index.html을 보내는 코드와 같이 카페 24에서 지정된 접속 주소에 들어왔을때 vue에서 배포한 index.html을 보내줘야 합니다.
그리고 포트 번호를 8001번으로 하는게 맞는건지도 확인하셔야 할것 같습니다.
const express = require('express')
const app = express()
app.use(express.static('views'));
app.listen(8001)
app.all("*", (req, res) => {
res.sendFile(__dirname + "/views/index.html");
});
0
우선 수업 내용이랑 직접적인 연관은 없지만, 답변 주셔서 감사드립니다~
1.알려주신코드는 로컬에서는 정상 작동 되는데 카페24서버에서 빈화면 입니다.소스보기하면 아래와 같이 나오긴합니다~
제가 카페24쪽에 문의한번 해보겠습니다~
강의를 열심히 들어서 개념을 열심히 탑재하도록 노력하겠습니다~
<!doctype html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/favicon.ico"><title>project</title><script defer="defer" src="/js/chunk-vendors.c653c55e.js"></script><script defer="defer" src="/js/app.55b50711.js"></script><link href="/css/app.3d5ab858.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but project doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html>2.아래 코드로 하니 잘 동작 되네요~
const express = require('express')
const app = express()
const path = require('path')
app.use(express.static(path.join(__dirname, 'views')));
app.listen(8001)
인가 코드 발급(프론트 vs 백)
0
28
2
tailwind css 적용 잘 안되면 참고하세요.
0
25
1
질문드립니다.
0
32
0
unplugin-vue-components 질문드립니다.
0
37
2
강의듣다가 헷갈려서 질문드립니다.
0
31
1
와 짐코딩님 강의 들으면서 느끼는게 많네요.
0
32
1
깃허브 주소
0
41
1
카카오 로그인
0
136
1
vue-loading-overlay show 오류 발생
0
432
2
부트스트랩 설치 시 오류 발생
0
444
3
cors 에러
0
223
1
route에서 prefetch와 component 지정 방식 문의
0
236
1
카카오 로그인
0
218
1
데이터바인딩
0
191
1
Event 다음 extra 부분 질문 있습니다.
0
415
2
vue cli 회원가입 단계(1,2,3) 라우터1개 vs 라우터3개
0
227
1
카카오/네이버 로그인 이용하기
0
427
2
this.$router params 방식 질문
0
769
2
카카오 로그인
1
419
1
mixins/index.js 'application/json;charset=utf-8' 부분을 선언 안해도 잘 동작 되는데 안하면 어떤 문제가 발생하는지 궁금합니다.
1
1496
1
부트스트랩 설치 시 오류 발생에 대해 질문 드립니다.
0
1014
1
믹스인 강의 json-server 질문드립니다.
2
414
2
영상에 나오는 깃헙 사이트
0
509
1
라우터 15분 쯤 .prettierrc 파일설정 부분
0
431
3

