서버에 배포하고 싶은 vite+vue3 프로젝트입니다. 프로젝트가 빌드된 후의 파일은 모두 dist 디렉터리에 있습니다. 이 디렉터리를 서버에 복사한 후 nginx에서 다음과 같이 구성합니다.
server { listen 3571; server_name localhost; location / { root /root/xxxx/dist/; try_files $uri $uri/ /index.html; } }
이 방법으로 서버의 공인 IP를 통해 vue 프로젝트에 액세스할 수 있습니다. 포트 3571. 도메인 이름을 통해 접속하려면 다음과 같이 구성하면 됩니다.
server { listen 80; server_name video.xxx.com; location / { root /root/xxxx/dist/; try_files $uri $uri/ /index.html; } }
이렇게 하면 video.xxx.com에 직접 접속하여 vue 프로젝트에 바로 접속할 수 있습니다.
여기서 문제가 있을 수 있으니 주의하세요. 즉, 구성이 올바른 후 접속 중 500 오류가 발생하는 것입니다. 이 오류가 발생하면 먼저 로컬 경로가 올바르게 설정되었는지 확인하세요. 경로가 올바른 경우 권한 문제가 있을 수 있습니다. nginx 사용자는 nginx 시작 부분에 다음과 같이 구성됩니다.
user nginx; worker_processes auto; error_log /var/log/nginx/error.log; ...
제 기본값은 nginx 사용자이므로 /root/xxxx/dist/ 디렉터리에 접근할 수 있는 권한이 없으므로 500 오류가 발생하므로 변경하시면 됩니다. 루트 사용자에게 다음과 같이
user root; worker_processes auto; error_log /var/log/nginx/error.log; ...
참고: nginx를 재구성한 후 nginx 서비스를 다시 시작해야 합니다(service nginx restart).
위 내용은 로컬 경로를 가리키는 nginx 및 500 오류를 해결하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!