반응형

Nuxt3 프로젝트 개발 및 운영 모드 포트번호 설정 방법입니다.

 

 

1. 개발 모드

/package.json 파일 설정 (default port 는 3000)

 

{
  "private": true,
  "scripts": {
    "dev": "nuxi dev --port 3001",
    "build": "nuxi build",
    "start": "node .output/server/index.mjs"
  },
  "devDependencies": {
    "nuxt3": "latest"
  }
}

 

2. 운영 모드

/package.json 파일 설정 (default port 는 3000)

 

{
  "private": true,
  "scripts": {
    "dev": "nuxi dev",
    "build": "nuxi build",
    "start": "PORT=3333 node .output/server/index.mjs"
  },
  "devDependencies": {
    "nuxt3": "latest"
  }
}

 

직접 수정 방식 (권장하지 않음)

/.output/server/chunks/nitro/node-server.mjs(361행)

/.output 디렉토리는 Nuxt 애플리케이션을 운영모드로 빌드할 때 생성됩니다.

 

const port = destr(process.env.NITRO_PORT || process.env.PORT) || 3e3;

=>

const port = destr(process.env.NITRO_PORT || process.env.PORT) || 3333;

 

 

 

참고 문서:

https://v3.nuxtjs.org/api/commands/dev/

 

nuxi dev

- Website: https://v3.nuxtjs.org/ - Setup and Contribution Guide: https://v3.nuxtjs.org/community/contribution#documentation-guide

v3.nuxtjs.org

https://v3.nuxtjs.org/guide/deploy/node-server/#configuring-defaults-at-runtime

 

Node.js Server

Discover the Node.js server preset with Nitro to deploy on any Node hosting.

v3.nuxtjs.org

 

 

오늘도 좋은 하루 보내세요.

감사합니다.

반응형

'Nuxt3 > 정리' 카테고리의 다른 글

#1 Head Management  (0) 2022.04.28

+ Recent posts