Q

Vue JS SPA에서 열린 그래프 이미지를 수행하는 방법?

2017-10-12 26 views 0 likes

0

VueJS 단일 페이지 응용 프로그램에 열린 그래프 이미지를 포함하려고합니다.Vue JS SPA에서 열린 그래프 이미지를 수행하는 방법?

내가 모든 경로가 동일하게 반환 할 경우 내가 페이지 상단에 오픈 그래프 메타 태그를 잼 단지 수 있다고 생각 :

https://developers.facebook.com/tools/debug/

나에게이 링크 미리보기를 산출 이미지,하지만 다른 페이지를 다른 이미지를 표시하고 싶습니다.

나는 https://github.com/declandewet/vue-meta과 https://github.com/ktquez/vue-head을 시도했지만, 페이지가로드 된 후 JS를 통해 메타 태그를 삽입하기 때문에 도움이되지 않는 것 같습니다.

Nuxt 또는 Vue SSR로 사전 렌더링하는 것 외에 다른 방법이 있습니까?

2017-10-12 RoccoB

+0

호스트하는 경우 Netifly가 자동으로 SPA 페이지를 미리 렌더링 할 수 있습니다. –

A

답변

1

prerender-spa-plugin과 함께 사용하면 vue-head/vue-meta와 (과)의 트릭을해야합니다! 모든 경로를 미리 알고있는 한 봇에 제공 할 수있는 index.html 파일이 렌더링됩니다.

동적 콘텐츠가있는 경우 비동기 콘텐츠를 캡처하기 위해 captureAfterDocumentEvent 또는 captureAfterTime을 사용해야합니다.

더욱 견고한 것이 필요한 경우 Vuejs SSR이 더 좋은 옵션 일 수 있습니다.

2017-10-31 23:35:29 reade

+0

나는 사전에 내 경로를 모른다. 나는 firebase에 있고 나의 접대의 앞에 구름 기능을 찌르고 직접 연결을위한 열려있는 그래프를 렌더링해서 이것을 일할 수 있었다. 관심있는 사람은 https://github.com/firebase/firebase-tools/issues/33에 대한 내 응답을 확인할 수 있습니다. 페이지에서 TheRoccoB를 검색하십시오. – RoccoB