Как просмотреть поле изображения из DRF в Vue шаблоне - PullRequest
1 голос
/ 12 апреля 2020

Я пытаюсь выучить DRF как api и VueJs как frontend. Я создал serializer класс для моей Article модели:

class ArticleSerializer(serializers.ModelSerializer):
    user = serializers.StringRelatedField(read_only=True)
    image = serializers.SerializerMethodField(read_only=True)

    class Meta:
        model = Article
        exclude = [  "updated_at"]

    def get_image(self, instance):
        request = self.context.get('request')
        image_url = instance.image.url
        return request.build_absolute_uri(image_url)

и viewset:

class ArticleViewSet(viewsets.ModelViewSet):
    queryset = Article.objects.all().order_by("-created_at")
    serializer_class = ArticleSerializer
    lookup_field = "slug"

    def perform_create(self, serializer):
        serializer.save(user=self.request.user)

, теперь я пытаюсь просмотреть мое изображение в шаблоне vue :

<div class="ui-block">
    <!-- Post -->
    <article class="hentry blog-post">
        <div class="post-thumb">
            <router-link :to="{ name: 'article', params: { slug: article.slug }}"
              class="h5 post-title">
                  <img src="article.get_image()" alt=""> 
            </router-link>
        </div>
        <div class="post-content">
           {{ article.content }}
        </div> 
     </article>
</div>

Как правильно получить image в шаблоне ModelSerializer?

Спасибо

Ps: отсутствующей частью вопроса был вопрос url.py Я использовал для перенаправления всех запросов в LoginMixin

re_path(r"^.*$", IndexTemplateView.as_view(), name="entry-point"),

Эта строка вызывает проблемы.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...