다른 디바이스의 IP 주소로 Vue 프로젝트에 액세스할 수 없습니다.vue cli 3 npm

다른 디바이스의 IP 주소로 Vue 프로젝트에 액세스할 수 없습니다.vue cli 3 npm

vue cli 3으로 작성한 프로젝트가 있습니다.명령어 "npm run serve"를 실행하면 다음 성공 메시지가 나타납니다(IP 주소를 가짜 번호로 대체했습니다).

App running at:
- Local: http://localhost:8080/
- Network: http://1.2.3.4:8080/

내 컴퓨터에서는 모든 것이 잘 작동한다.내 컴퓨터에서는 로컬과 IP 주소 모두 액세스할 수 있지만 동일한 WiFi 네트워크에 연결된 다른 디바이스에서는 네트워크 주소로 액세스할 수 없습니다.

다음을 시도했습니다.

On vue.config.js:
devServer: {
    host: '0.0.0.0'
}

and
devServer: {
    open: process.platform === 'darwin',
    host: '0.0.0.0',
    port: 8080,
    https: false,
    hotOnly: false
}

on my package.json:
"scripts": {
    "serve": "vue-cli-service serve --host 0.0.0.0",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
}

and
"scripts": {
    "serve": "vue-cli-service serve --host 0.0.0.0 --allowed-hosts 1.2.3.4",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
}

Tomcat 서버는 포트 80에서 실행되며 컴퓨터와 다른 디바이스 모두에서 정상적으로 작동합니다.달리 어떻게 해야 할지...

에러 페이지는 다음과 같습니다. 같은 네트워크상의 다른 디바이스에서 vue 프로젝트에 액세스하려면 어떻게 해야 합니까?

시간 내주셔서 감사합니다!

오늘까지npm run serve모든 Vue.js 프로젝트에서 로컬 또는 네트워크(앱 실행 시)에 있는 임의의 디바이스에서 프로젝트에 액세스할 수 있습니다.

Windows 의 경우(호스트로서) CLI 로 지정된 주소의 네트워크내의 다른 디바이스로부터 프로젝트에 액세스 할 수 없는 경우는, 파이어 월(fire wall) 설정으로 Node.js 의 착신 접속을 허가할 필요가 있습니다.

Node.js 관련 규칙을 검색하여 인바운드 연결을 허용하도록 수정합니다.

제 경우 Node.js와 관련된 규칙이 4개 있었는데 인바운드 접속을 허용한 후 동일한 네트워크상의 모바일 디바이스의 데스크톱에서 제공되는 프로젝트에 액세스할 수 있었습니다.

먼저 devserver의 host param에 라우터의 올바른 IP 주소를 추가해야 동작합니다.단, 특정 설정이 필요 없는 경우는, 네트워크상에서 처리해 주세요.

저는 보통 소포에 이렇게 넣어요.json:

 "serve": "vue-cli-service serve",

및 vue.config.js에서는 devServer와 관련된 모든 것을 삭제할 수 있습니다.네트워크상에서 동작하는 개발 서버가 작성됩니다.

단말기만 액세스하기 때문입니다.--allowed-hosts 1.2.3.4 를 삭제해 보겠습니다.

언급URL : https://stackoverflow.com/questions/52336858/cannot-access-vue-project-by-ip-address-on-other-devices-vue-cli-3-npm