vue js 파일 다운로드

정말 고마워요! 나는 그런 해결책을 찾고 있었고, 그것은 놀랍게 작동합니다. 👍 🥇 나는 파일의 모든 유형을 다운로드하는 데 사용할 수 있습니다 (pdf, 대부분) package.json 파일에서 또한 main.js로 변환 script.js에 browserify을 실행하는 빌드에 대한 스크립트를 추가합니다. 그래서 우리의 package.json 파일은 다음과 같이 보일 것입니다 : POST 방법을 사용하여 이 작업을 수행 할 수 있습니까? 나는 GET과 그 작동을 시도하지만 내가 POST로 전환 그래서 내가 요청할 수있는 길이 params에 제한이 있지만, 문제는 빈 파일을 반환하자이 개발 버전 vue와 우리의 예를 구축 할 수 있습니다. 새 폴더(예: 개발 빌드)를 만들고 npm 예제의 모든 파일을 이 폴더로 복사합니다. 정말 고마워요! „콘텐츠 처리“ -header에서 파일 및 파일 이름 유형을 설정하려면 다음과 같은 반응을 사용할 수 있습니다: React: this.apiClient.get(URL, {}) .then(응답 => { { / PDF 에서 Blob 만들기 = 새 Blob =[response.data], {type: `응용 프로그램/pdf`}); const url = 창. URL.createObjectURL(Blob); const 링크 = document.createElement(`a`); 링크.href = URL; const contentDisposition = response.data.content.headers[`콘텐츠-성향`]; let 파일 이름 = `알 수 없음`; (contentDisposition) { const fileNameMatch = contentDisposition.match (/filename=“/)“/); 경우 (fileNameMatch.length === 2) 파일이름 = fileNameMatch[1]; } link.setAttribute(`다운로드`, 파일이름); document.body.appendChild(링크); 링크.클릭(); 링크.remove(); 창. URL.취소개체URL(url); 이렇게 하면 파일이 먼저 브라우저 메모리에 저장된 다음 다운로드를 시작합니까? 문제는 10 또는 100mb 파일을 다운로드하는 경우, 브라우저는 전체 Blob이 브라우저 메모리에있을 때까지 다운로드 진행률을 표시하지 않습니다 (당신은 네트워크 탭에서 진행 상황을 볼 수 있습니다) // 당신이 공유 한 작업 코드 (엄지 손가락까지) } 캐치 (err) { / / 미리보기 크롬에서 제공 // { „code“:“900682″, „message“:“파일 파일을 얻을 수“} // 캔트 는 err 응답 } 감사에서 볼 수 없습니다. 나는 그것이 CommonJS 및 ES 모듈 빌드를 donwload없이 PDF 파일을 포함하려는 경우 내가해야 할 일은 또한 그들이 실행해야 모드를 결정하기 위해 process.env.NODE_ENV 대한 원시 검사를 유지합니다. Vue에서 실행될 모드를 제어하려면 적절한 번들 구성을 사용하여 이러한 환경 변수를 대체해야 합니다. process.env.NODE_ENV 문자열 리터럴로 대체하면 UglifyJS와 같은 미니 피어가 개발 전용 코드 블록을 완전히 삭제하여 최종 파일 크기를 줄일 수 있습니다. main.js 파일로 script.js를 컴파일 할 수 있도록 vue를 설치하고 browserify를 설치합시다 : 누군가에게 링크를 보냈을 때 파일을 다운로드 할 수 없습니다.

다음 단계는 Chrome 응용 프로그램의 진입점이 될 main.js 파일을 만드는 것입니다. 스크립트는 응용 프로그램 시작에 대해 수신하고 지정된 크기로 새 창을 열어야 합니다. 500 × 300 크기의 창을 만들고 index.html로 열어 보자 : 이제 index.html 파일로 이동하여 곱슬 대괄호 구분 기호를 이중 백분율로 바꿉니다 : 이제 vue.js가 필요합니다 만 차이가있는 독립 형 또는 CDN 버전과 거의 동일하게 보이는 script.js 파일을 만들어 봅시다. 이것은 내가 작업하고있는 반응 웹 앱에서 비 PDF 파일을 제공하는 데 엄청난 도움이되었습니다.