Не могу поделиться изображением.Мета ог: изображение не работает.(Laravel + VueJs) - PullRequest
Новая
       21

Не могу поделиться изображением.Мета ог: изображение не работает.(Laravel + VueJs)

0 голосов
/ 25 апреля 2018

В моем контроллере есть метод 

public function collage(Request $request, Collage $collage){
    return view('collage' , [
        'collage_id' => $request->route('id'),
        'src' => 'http://mysite.ru/images/collages/'.$collage->find($request->route('id'))->collage_path
    ]);
}

и в файле collage.blade.php 

<meta property="og:url" content="{{$src}}" />
<meta property="og:image" content="{{$src}}" />
<link rel="image_src" href="{{$src}}" />

Также я использую vue-social-share (https://github.com/nicolasbeauvais/vue-social-sharing) 

<template>
    <div class="container">
        <div v-if="collageSrc" class="col-md-12 collage">
            <img class="img-responsive" :src="this.collageSrc"/>


            <social-sharing :url="url"
                            title="test"
                            description="test"
                            quote="Vue is a progressive framework for building user interfaces."
                            hashtags="#test"
                            twitter-user="test"
                            inline-template>
                <div>
                    <network network="facebook">
                        <i name="fa fa-facebook"></i> Facebook
                    </network>
                    <network network="telegram">
                        <i class="fa fa-telegram"></i> Telegram
                    </network>
                </div>
            </social-sharing>

        </div>
        <div class="col-md-12 collage" v-else>
            <h1>you image is preparing...</h1>
        </div>
    </div>
</template>
<script>

    export default {
        name: 'collage',
        props:['id'],
        data: function(){
            return {
                collageWaiter: this.getCollageSrc(),
                collageSrc: '',
                url : '',
            }
        },
        methods:{
            getCollageSrc(){

                const self = this;

                axios.get('/api/generate?id='+this.id)
                    .then(function(result){
                        self.collageSrc = result.data;
                        self.url = "http://compgen.ru/collage/" + self.id;
                    });
            }
        }
    }
</script>

Я не понимаю, как включить мое изображение в тег 

<meta property="og:image" content="{{$src}}" />

для изображения, чтобы гарантировать, что изображение также передается в социальную сеть

...