nginx에서 vue-cli에 액세스하여 빌드된 프로젝트를 배포하는 방법

히스토리 모드로 구축된 프로젝트는 백그라운드 기술에 의존해야 합니다. 여기에서는 프로젝트를 배포하기 위해 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; 
    } 
  }

.

위 내용은 nginx에서 vue-cli에 액세스하여 빌드된 프로젝트를 배포하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!