vite docker 연결 오류

상황

  • 포트 바인딩 5173:5173
  • npm run dev 실행후 localhost:5173 접속시 ‘localhost에서 연결을 거부했습니다.’ 오류 출력

해결

  • docker inspect에서 port를 보면 0.0.0.0:5173 으로 되어있음
  • vite의 호스트 0.0.0.0 으로으로 지정해줌
//vite.config.js

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  server:{
    host: '0.0.0.0',
  }
})

synology VPN 서버 설정

나스설정

  1. 시놀로지 DMS 접속
  2. VPN Server 패키지 설치
  3. VPN server 설정 (프로토콜중 하나만 하나만 사용하는걸 추천)
    1. PPTP
    2. OpenVpn
    3. L2TP/IPSec
      1. 커널 모드에서 실행 체크
      2. 사전 공유키 입력
      3. SHA-256 호환 모드 활성화 끔(96비트)
  4. VPN 서비스관리 > 권한 : 허용할 사용자 권한 추가
  5. 제어판 > 보안 > 방화벽 규칙편집
    1. 내장 응용프로그램 선택항목에서 사용할 VPN의 방화벽 활성화

공유기 설정

  1. 포트포워딩 설정
구분프로토콜로컬포트라우터포트
PPTPTCP17231723
OpenVPNUDP11941194
L2TP/IPSecUDP17011701
L2TP/IPSecUDP500,4500500,4500

맥 VPN 설정

  1. 설정 > 네트워크
  2. L2TP/IPSec 네트워크 생성
    1. 서버주소입력
    2. 계정이름 입력 (VPN 접속 권한을 부여 받은 나스 계정)
    3. 인증 설정
    4. 암호입력 나스 계정 비밀번호
    5. 시스템인증 공유보안 입력: L2TP/IPSec 사전 공유키
    6. 고급설정 > VPN 연결을 통해 모든 트래픽 전송 (미사용시 VPN아이피가 사용되지 않음)