Flask+vue+webpack은 nginx+uwsgi 배포 문제를 사용합니다.

Question

질문: 시스템은 플라스크+vue를 사용하여 개발되었으며 이제 VPS에 배포해야 합니다. 이제 VPS에서 nginx+uwsgi 배포를 사용하면 이제 도메인 이름을 통해 페이지에 액세스할 수 있지만 CSS, js, 페이지가 모두 Vue로 작성되기 때문입니다. Vue는 webpack을 사용하여 패키징됩니다.

웹팩 구성에서 publicPath = process.env.PUBLIC_PATH || 'http://IP:5001/assets/'

그러나 접속시 패키징된 js, css가 로딩되지 않고 페이지가 표시되지 않습니다.

Firebug에서는 http://IP:5001/assets/*.js를 로드할 수 없다고 표시합니다.

nginx의 간단한 구성은 포트 80을 8001로 전송하는 것뿐입니다.

js CSS를 노출하도록 webpack 또는 nginx를 구성하는 방법

Answer 1

내 경험으로는 nginx js 및 css를 사용하여 루트 /static/ /home/xxx/static

과 같은 실제 경로에 액세스하는 것입니다.