nuxt web

الصينية |

nuxt-web

تم تطوير نظام المدونة على أساس nuxtjs

مقدمة المشروع:

• التقنيات الرئيسية: nuxtjs 2.0، element-ui 2.0

• استخدم المكونات الإضافية بشكل أساسي: axios، less، Highlight.js، Component-Cache

• انضم لمجموعة QQ للتواصل معًا: 514450699

المشاريع ذات الصلة

• مشروع إدارة الواجهة الخلفية: vueAdmin

• عنوان إدارة الواجهة الخلفية: http://admin.dsiab.com

• حساب الخبرة: اختبار/اختبار

العنوان التجريبي

• الموقع الرسمي: https://www.dsiab.com

أسباب اختيار نوكست:

• يمكن تضمين المشاريع التي طورتها nuxt في محركات البحث ويمكن استخدامها لتحسين محركات البحث.

• من السهل البدء، وبناء الجملة هو نفسه vue. بعض طرق الكتابة مختلفة، ما عليك سوى إنشاء ملف جديد وفقًا للدليل، وسيقوم nuxt بإنشاء المسار المقابل تلقائيًا.

• القدرة على الوصول إلى الإحصائيات والأكواد الإعلانية بشكل طبيعي

غير كافٍ

• بعض وظائف element-ui ليست صديقة لمحركات البحث وSEO، وبعض المكونات تحتاج إلى كتابتها بخط اليد أو تعديلها بناءً على element-ui. على سبيل المثال، يجب تعديل جزء القائمة ومكونات الترحيل لأنه لا يوجد رابط، ويكون الرابط أكثر ملاءمة لمحركات البحث. قام هذا المشروع بإعادة كتابة مكونات الترحيل لتسهيل عملية تحسين محركات البحث. بالطبع، يمكنك أيضًا اختيار مكتبات المكونات الأخرى أو عدم استخدامها.

تحسين أداء التحميل

• في بعض الأحيان، لا يلزم عرض واجهات معينة على جانب الخادم ويمكن عرضها في المتصفح. على سبيل المثال، يتم عرض قائمة الصفحة الرئيسية الحالية عن طريق استدعاءات من جانب الخادم، ويتم عرض التوصيات والفئات في القائمة اليمنى بواسطة المتصفح، وهو نفس استدعاءات أجاكس العادية.

• لاحظ أن واجهة المتصفح تحتاج إلى تكوينها باستخدام وكيل nginx العكسي للحصول على التفاصيل، يرجى الرجوع إلى: https://www.dsiab.com/post/4421

• يستخدم هذا المشروع @nuxtjs/component-cache لتحسين أداء التحميل

كيفية بدء التطبيق

 # 下载代码

github: git clone https://gitee.com/wilkwo/nuxt-web.git

或者

gitee: git clone https://github.com/esplori/nuxt-web.git

# 安装依赖
$ npm install
# 本地启动在 localhost:3000
$ npm run dev
# 部署到服务器，先build，再执行start启动
$ npm run build
$ npm run start
# 生成静态项目
$ npm run generate

يلاحظ

• افتراضيًا، يتم استدعاء واجهة الموقع الرسمي، وتتم مزامنة البيانات مع الموقع الرسمي.

• إذا كنت تريد استخدام الواجهة المحلية، فقم بتعديل baseUrl في الملف /plugins/baseUrl.js

• إذا كنت تريد استدعاء الواجهة من جانب المتصفح، فيرجى تعديل الوكيل في ملف nuxt.config.js وإعادة توجيه الواجهة المقابلة إلى الخدمة المحلية.

شكرا على التقدير

الإبداع ليس بالأمر السهل، تقديرك وتقديرك هما القوة الدافعة للتحديثات المستمرة!