如何纠正实现vue-social-sharing，vuejs时的错误？

Question

main.js

import Vue from 'vue';
import SocialSharing from "vue-social-sharing";


Vue.use(SocialSharing);

在另一个组件中：

<social-sharing url="https://vuejs.org/" title="The Progressive JavaScript Framework"
                      description="Intuitive, Fast and Composable MVVM for building interactive interfaces."
                      quote="Vue is a progressive framework for building user interfaces."
                      hashtags="vuejs,javascript,framework"
                      twitter-user="vuejs"
                      inline-template >
      <div>
        <network network="facebook">
          <i class="fa fa-fw fa-facebook"></i> Facebook
        </network>
      </div>
    </social-sharing>

但我收到以下控制台错误

​

​

指南：https://nicolasbeauvais.github.io/vue-social-sharing/

Answer 1

在您的vue.config.js中添加X-Frame-Options标头

module.exports = {
  devServer: {
     headers: {
        'X-Frame-Options': 'sameorigin'
    }
  }
}