nginx 배치 vue-cli 가 만 든 프로젝트 에 접근 하 는 방법

1367 단어 nginxvue-cli
vue-router 홈 페이지 에서 history 모드 로 구 축 된 vue 프로젝트 를 포장 하면 백 엔 드 설정 지원 이 필요 하고 hash 는 필요 하지 않 습 니 다.주소 에\#/접미사 가 하나 더 있 을 뿐 입 니 다.hash 모드 로 구 축 된 프로젝트 를 포장 한 후에 저 는 웹 스 톰 과 같은 소프트웨어 로 방문 을 열 면 성공 할 수 있 습 니 다.

그러나 제 가 history 모델 로 구축 한 프로젝트 는 배경 기술 을 빌려 야 합 니 다.제 가 선택 한 것 은 nginx 역방향 대리 로 프로젝트 를 배치 하 는 것 입 니 다.구체 적 인 방법 은 다음 과 같다.
1.배경 서버 대상 생 성

upstream mixVueServer{ 
  server baidu.com;#           
} 
2.액세스 포트 와 역방향 프 록 시 규칙 만 들 기

server { 
    listen    8082; 
    server_name localhost; 

    location / { 
      root  E:/mix_vue/dist;#         
      #index index.html index.htm; 
    try_files $uri $uri/ /index.html;#          
    } 
  location ~ \.php${ 
    proxy_pass http://mixVueServer;#                  
    proxy_set_header  Host  $host; 
    proxy_set_header  X-Real-IP  $remote_addr; 
  } 
   
    error_page  500 502 503 504 /50x.html; 
    location = /50x.html { 
      root  html; 
    } 
  } 
마지막 으로 직접 주소 표시 줄 입력 포트 접근:

이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기