تعليقات Discourse في Vuejs

مطور
1

لدي موقع ويب يستخدم Vue.js، بالإضافة إلى منتدى على Discourse. أحاول إدراج كود JavaScript في ملف القالب لربط التعليقات من المنتدى بصفحة محددة على موقع Vue.js، لكنني أواجه الخطأ التالي:

يجب أن تكون القوالب مسؤولة فقط عن ربط الحالة بواجهة المستخدم. 
تجنب وضع وسوم ذات آثار جانبية في قوالبك، مثل <script>، 
لأنه لن يتم تحليلها.

لقد حاولت تغيير text/javascript إلى application/javascript، لكن عند محاولة تصييرها، تلقيت الخطأ:

 - تعبير غير صالح: ناقص ) بعد قائمة الحجج في

" \n  DiscourseEmbed = { discourseUrl: 'https://forum.epicseven.ru/',\n                     
discourseEmbedUrl: '"+_s(url absolute="true")+"' };\n\n  (function() {\n    
var d = document.createElement('script'); d.type = 
'application/javascript'; d.async = true;\n    d.src = 
DiscourseEmbed.discourseUrl + 'javascripts/embed.js';\n    
(document.getElementsByTagName('head')[0] || 
document.getElementsByTagName('body')[0]).appendChild(d);\n  })();\n"

  Raw expression: DiscourseEmbed = { discourseUrl: 
'https://forum.epicseven.ru/',
                 discourseEmbedUrl: '{{url absolute="true"}}' };

  (function() {
    var d = document.createElement('script'); d.type = 
'application/javascript'; d.async = true;
    d.src = DiscourseEmbed.discourseUrl + 'javascripts/embed.js';
    (document.getElementsByTagName('head')[0] || 
document.getElementsByTagName('body')[0]).appendChild(d);
  })();

كما أفهم، فإن استخدام ملفات JavaScript في Vue.js مسموح به فقط من النطاق الذي يُستدعى منه الطلب. ومنتدىي مُعد على نطاق فرعي (subdomain).

كيف يمكنني إصلاح هذا الخطأ؟ هل يمكنني تجربة استخدام جزء مختلف من الكود؟

2

The embedding code we provide is meant for static sites, not client side rendered (SPAs) like Vue/React/Ember/Angular.

You will have to look into another method of obtaining the data from Discourse. We do offer a full API but you might have to proxy it through your own server to avoid cross domain requests.

3 إعجابات
4

كانت لدي نفس المشكلة وبعد بعض التجارب إليك حل محتمل للتطبيقات ذات الصفحة الواحدة: Embed comments from Discourse in your single page app

5

تم إغلاق هذا الموضوع تلقائيًا بعد 30 يومًا من آخر رد. لم تعد الردود الجديدة مسموح بها.