서버 정적 PDF - Vue CLI - Webpack - 문제

VueCLI (+ Vuetify) 덕분에 약간의 프론트를 만들었습니다.서버 정적 PDF - Vue CLI - Webpack - 문제

onClick이 프로젝트의 폴더 트리에있는 pdf로 새 탭을 여는 버튼을 렌더링하고 싶습니다.

나는 왜 오류가 있으며 시간을 보니 왜 웹 팩을 수정해야하는지 알 수 있습니다.

마침내 S/O에서이 대답을 읽었습니다.

그러나 Serving static pdf with react webpack file loader 나는 내가 어떤 도움이 발견 될 수 있도록 웹팩 장면 뒤에 어떻게 작동하는지 단서가 없다는 것을 인정해야 include: paths -> paths is not defined

말하는 오류가 발생했습니다.

출처

2017-09-15 Ragnar

아마도 Webpack이 필요하지 않습니다. 정적 폴더에 넣고 <a href="/static/mypdf.pdf">pdf</a>에 연결할 수 있습니다. 당신이 웹팩 경로를 이동하려는 경우, SRC/자산 디렉토리에 넣고 가져올 데이터 객체에 추가 :

import pdf from '../assets/mypdf.pdf' 

//... 
data:() => ({ pdf }) 
//...

그런 다음 구성 요소에있는 링크를 사용

<a :href="pdf">pdf</a>

당신 아마도 로더 설정에 include: paths을 추가하지만 당신은 PDF의 새 대신 이미지 로더를 수정하는, 그것을 정의 추가하지 않은 :

{ 
    test: /\.(pdf)(\?.*)?$/, 
    loader: 'url-loader', 
    options: { 
     name: utils.assetsPath('[name].[hash:7].[ext]') 
    } 
    }

당신은을 변경할 수 있습니다210 원하는 경우, 사용할 기본 자산 디렉토리 대신 pdfs 디렉토리를 자산에 추가하려고한다고 가정하십시오. pdfs/[name].[hash:7].[ext]

출처

2017-09-22 14:59:41

서버 정적 PDF - Vue CLI - Webpack - 문제

답변

관련 문제