[Vue] 외부에서 접근

vue-cli를 사용하여 개발 시 로컬에서는 문제 없이 접근이 가능하다.

하지만, 외부에서 접근이 되지 않는다.

 

해당 문제를 해결 하기 위하여 약간의 수정이 필요하다.

 

변경 대상

/frontend/config/index.js

module.exports = {
....
host: '10.0.0.110',
port: 80,
....

구동 되는 서버의 ip및 도메인 정보를 세팅 하여 사용 해야 외부에서 해당 정보로 접근이 가능하다.

 

* 안드로이드 APP의 Webview에서의 접근

포트를 80으로 해야 접근이 가능하다.

다른 포트를 사용했을때 접근이 되지 않았다. 

( 80 외의 포트를 사용하기 위한 해결책을 찾지 못함. )

 

/frontend/package.json

{
...
"scripts": { "dev": "webpack-dev-server --inline --progress --host 0.0.0.0 --disableHostCheck true --config build/webpack.dev.conf.js",
...
}