vue.jsfacebook-debugger
How to fix facebook links preview for vue js links?
When I try (for testing) to post a link from my vue.js project in my facebook page, the link preview section does not work as expected although I've added the needed <meta /> facebook tags.
Here is an example of the result:
How could it be fixed? Thanks.
Solution
Facebook's crawler doesn't execute JavaScript. As such, it only sees what you'd see if you hit "view source" on the page - in the case of a Vue app, that's very little.
You'll need to dig into server-side rendering of your components.
- Nuxt i18n: Failed to resolve import “locales/en.json” (Does the file exist?)
- Unexpected First Line Indentation
- Skipping larger chunks while running "Npm run build"
- How to write e2e tests with Cypress for a Vue Tailwind CSS app?
- Refused to apply style from '' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled
- What is ServerPlaceholder in Nuxt.js and how is it used?
- How to use vite build use another config file instead of vite.config.js
- AWS Amplify Auth - The requested module does not provide an export named 'Auth'
- VueJS: Is it possible to use spread operator for computed properties?
- Vuejs: V-HTML data binding of html data against eslint rule
- Vue.js "Maximum call stack size exceeded" error. Passing data from parent to child failing
- How to get an Array data with custom Component in Vue
- JavaScript function re-use in different Vue templates
- Applying the page state when the user gets redirected to an already visited Page
- <h1> element vs "text-h1" class
- What are the differences between the app.vue and pages/index.vue files in Nuxt?
- Jest error Could not locate module .... mapped as:
- Property '**' does not exist on type '**' in pinia store
- Blur event cancels click event in Vue component
- Create recursive zod schema
- PrimeVue toast - No PrimeVue Toast provided when using utility .ts
- Vuetify 3 - Implementing date picker
- Vue.js : $attrs is readonly, $listeners is readonly
- What is difference between global methods and instance methods in Vue.js?
- VSCode prettier/vue formatting settings don't work properly
- PhpStorm extremely slow while editing vue.js files
- Why doesn't binding the animation-name dynamically work in Vue.js and Uni-App?
- How to create recursive dynamic routes
- Vuetify dialog with multiple activators
- Vue using router-link to single page components