Для вывода отзывов с TrustPilot в вашем проекте на с использованием фреймворка Nuxt.js вам понадобится два компонента: бекенд-сервер и фронтенд-компонент.
1. Бекенд-сервер:
- Создайте новый файл для бекенда, например, trustpilot-server.js
.
- Установите необходимые пакеты с помощью команды npm install axios express
.
- Импортируйте необходимые модули в файл trustpilot-server.js
:
const express = require('express'); const axios = require('axios'); const app = express();
- Создайте маршрут для получения отзывов с TrustPilot:
app.get('/reviews', async (req, res) => { try { const response = await axios.get('https://api.trustpilot.com/v1/reviews'); res.send(response.data); } catch (error) { console.error(error); res.status(500).send('Error retrieving reviews from TrustPilot'); } });
- Запустите сервер:
app.listen(3000, () => { console.log('TrustPilot server listening on port 3000'); });
2. Фронтенд-компонент:
- Создайте новый файл для фронтенда, например, TrustPilotReviews.vue
.
- Импортируйте необходимые модули в файл TrustPilotReviews.vue
:
import axios from 'axios';
- Создайте компонент TrustPilotReviews
:
export default { async asyncData({ app }) { try { const response = await axios.get('http://localhost:3000/reviews'); return { reviews: response.data, }; } catch (error) { console.error(error); return { reviews: [], }; } }, data() { return { reviews: [], }; }, mounted() { console.log(this.reviews); }, };
- В файле, использующем компонент TrustPilotReviews.vue
, добавьте импорт и добавьте компонент на страницу:
import TrustPilotReviews from '@/components/TrustPilotReviews.vue'; export default { components: { TrustPilotReviews, }, };
- В файле с шаблоном добавьте компонент в разметку:
<template> <div> <trust-pilot-reviews></trust-pilot-reviews> </div> </template>
Теперь, чтобы вывести отзывы с TrustPilot, вам нужно будет импортировать компонент TrustPilotReviews.vue
в файл с шаблоном, где вы хотите отображать отзывы, и добавить его в разметку. Компонент будет получать отзывы с сервера TrustPilot и выводить их в консоль - вы можете изменить этот функционал по своему усмотрению, например, выводить отзывы на странице.
Обратите внимание, что код представлен как пример и может требовать изменений для вашего конкретного случая. Дополнительно, вы можете добавить дополнительный функционал, например, кэширование запросов к серверу TrustPilot или обработку ошибок.