개발자 혜진
꾸준하게 개발 블로그
개발자 혜진
08-01 15:06
전체 방문자
오늘
어제
  • 전체보기 (69)
    • 코딩테스트 (25)
    • HTML (1)
    • CSS (6)
    • React (3)
    • Vue (8)
    • Javascript (9)
    • Java (3)
    • IDE (1)
    • Toy Project (10)
    • 개발 서적 (2)
    • 개발 이야기 (0)
    • TMI (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록
  • 글쓰기

인기 글

태그

  • 가로가운데정렬
  • spring boot 한글 깨짐
  • react
  • 시저암호js
  • 프로그래머스
  • Java초기화
  • vue2
  • 클래스 토글
  • 이상한문자만들기 js
  • 프로그래머스0
  • 프로그래머스예산
  • classList메소드
  • 시저암호javascript
  • 텍스트에이미지적용
  • div가운데정렬
  • js 진수변환
  • 예산js
  • springboot mustache 한글 깨짐
  • 프로그래머스 3진법뒤집기
  • 드로잉윗유
  • 뷰티파이
  • 8진수2진수
  • TypeScript기본문법
  • 텍스트에그라데이션
  • 박스가운데정렬
  • input Foucs Out
  • styled-component focus out
  • vue2캘린더 만들기
  • javascript 진수
  • vuetify

최근 글

hELLO · Designed By 정상우.
개발자 혜진

꾸준하게 개발 블로그

Javascript

[Node.js] 정적 파일 경로 설정

2022. 12. 19. 17:33

그림판 업그레이드를 위해 작업을 하던중 백엔드 쪽을 node를 사용해 개발을 하고 있는데 url이 변경 되었을때 html 파일에 연결 해놨던 css,js 파일을 찾지못해 에러가 났습니다.

 

app.use(express.static('public'));

위의 코드로 해결할수 있다고 되어있지만 이상하게 저는 계속 에러메세지가 나오더라구요.

 

왜안되지 하며 구글링만 20분 정도 한것 같네요..! 정답은.. 공식문서에 있었습니다.

공식문서 맨 밑에를 보면

그러나 express.static 함수에 제공되는 경로는 node 프로세스가 실행되는 디렉토리에 대해 상대적입니다. Express 앱을 다른 디렉토리에서 실행하는 경우에는 다음과 같이 제공하기 원하는 디렉토리의 절대 경로를 사용하는 것이 더 안전합니다.

라고 친절하게 써있고 그밑엔 해결 방법도 있었습니다.

app.use(express.static(__dirname +'/public'));

src라는 폴더안에 public, server.js가 같이있어서 맨 위의 방법으로도 해결할수 있을것이라 생각했는데 아니였나봐요.

어려운 코딩 세상이네요..! 하지만 점차 발전해나가는 앱을 볼 때 너무 뿌듯합니다!

저작자표시 비영리 변경금지 (새창열림)

'Javascript' 카테고리의 다른 글

[JS] 진수 변환하기(10진수 -> n진수, n진수 -> 10진수)  (0) 2023.05.08
[JS] classList 메소드  (0) 2023.03.07
랜덤 색상 만들기  (0) 2022.12.14
html class 추가, 삭제하기  (0) 2022.11.28
제곱, 세제곱 관련 자바스크립트 내장 함수  (0) 2022.10.14
    'Javascript' 카테고리의 다른 글
    • [JS] 진수 변환하기(10진수 -> n진수, n진수 -> 10진수)
    • [JS] classList 메소드
    • 랜덤 색상 만들기
    • html class 추가, 삭제하기
    개발자 혜진
    개발자 혜진
    잊어버리지 않기위한 개발 블로그

    티스토리툴바