Vue-Nuxt는 SEO를 위해 렌더링된 텍스트에서 html 태그를 제거합니다.

2530 단어 javascriptvueseonuxt
API를 통해 지원되는 서버에서 가져온 <head> 태그에 설명을 추가하려고 합니다. 그러나 백엔드에는 html 태그로 텍스트를 생성하는 서식 있는 텍스트 편집기가 있습니다.


하지만 SEO 성능 향상을 위해 설명에 일반 텍스트만 추가하고 싶습니다. 그래서 여기에 해결책이 있습니다. 당신에게도 그것이 필요하다고 생각합니다 😏

계산된 섹션에서 우리는 html 태그와 혼합된 일반 텍스트를 생성하는 기능을 선언할 수 있습니다.

computed:{

        strippedHtml() {
            let regex = /(<([^>]+)>)/ig;

        return this.description.replace(regex, "");
    }


이제 {{strippedHtml}}로 템플릿에 표시하세요 😎
에도 추가할 수 있습니다.

 head: {
    title: 'your title',
    meta: [
      {
        hid: 'description',
        name: 'description',
        content: this.strippedHtml
      }
    ],
  }

감사합니다 😎

좋은 웹페이지 즐겨찾기