Reactjs embedded iframe выдает ошибку отказа в подключении при рендеринге вложенного url

Я создал бэкэнд на django для хранения файла в статике, и через api я получаю информацию о файле вместе с uri в reactjs

Я хочу показать файл в , но здесь я сталкиваюсь с проблемой "отказано в подключении"

models.py

class Attachment(models.Model):
    file = models.FileField(upload_to='v1/file/attachment/')    
    size = models.BigIntegerField(blank=True, null=True) 
    

    def save(self, *args, **kwargs):
        if not self.size and self.file:
            self.size = self.file.size 
            
        super().save(*args, **kwargs)

Views.py

def get_folder_data(folder, serializer_class):
    
    data = serializer_class(folder).data
    children = Folder.objects.filter(parent=folder)
    if children.exists():
        data['children'] = []
        for child in children:
            data['children'].append(get_folder_data(child, serializer_class))
    files = File.objects.filter(folder=folder)
    if files.exists():
        data['files'] = FileSerializer(files, many=True).data
    return data

на фронтенде

const uri = BaseUrl.FileServices.substring(0, BaseUrl.FileServices.indexOf("/v1"))+file.attachment_file_url

 <iframe src={uri} width="800" height="600" title="Embedded File"></iframe>

но я могу открыть ссылку на pdf файл в новой вкладке, но это не работает в iframe как я могу решить эту проблему?

PS: Я хочу сделать рендеринг pdf. Вы можете предложить, если есть другой способ

введите описание изображения здесь

Вернуться на верх