O’zbekiston respublikasi axbort

Nuxt Js haqida ma'lumot

Nuxt.js - Vue.js-da qurilgan server tomonidagi renderlash tizimi. U asinxron ma'lumotlarni, o'rta dasturiy ta'minotni va marshrutlashni boshqarish bilan bog'liq

murakkab konfiguratsiyaning ko'p qismini mavhumlashtiradi. Shuningdek, u oddiy yoki korporativ Vue.js ilovalarini yaratish uchun sanoat standarti arxitekturasidan foydalangan holda Vue.js ilovalarini tuzishga yordam beradi.
Nuxt.js ko'plab turli xil ilovalar yaratish imkonini beradi. Quyida Nuxt.js bilan yaratilgan uchta eng mashhur ilovalar mavjud.
Statik yaratilgan sahifalar. Ushbu turdagi veb-sayt hech qanday tashqi kontent manbasini talab qilmaydi - kontent allaqachon HTML ichiga kiritilgan. Bunday veb- saytlarga misol sifatida portfel, demo va o'quv veb-saytlari kiradi.
Bir sahifali ilovalar (SPA). Ushbu frontend ishlab chiqish yondashuvi tashqi API dan dinamik tarkibni oladi va uni mijoz tomonida ko'rsatadi. Vue.js, React.js, Angular va Ember.js kabi JavaScript ramkalarining koʻpchiligi bir sahifali dastur ramkalaridir.
Bundan tashqari, SPA marshrutlash tizimiga HTML 5 History API yoki marshrutlash uchun joylashuv xeshi yordamida erishiladi, bu esa ishlab chiquvchilarga veb-sayt URL manzilini toʻliq sahifani yangilamasdan oʻzgartirish imkoniyatini beradi.
Universal ilovalar. "Universal dastur" - bu mijoz brauzerida sahifani to'liq ko'rsatishdan oldin serverdagi mijoz ma'lumotlarini olish uchun server tomonida ko'rsatish yondashuvidan foydalanishni tavsiflovchi atama.

Server tomonida ko'rsatish (SSR) Vue.js-da ma'lum muammodir, chunki u to'g'ri bajarish uchun zerikarli konfiguratsiyalarni o'z ichiga oladi.

Nuxt.js Vue.js-da SSR muammosini hal qiladi, bu qidiruv tizimini optimallashtirish (SEO) uchun foydalidir. Nuxt.js hatto to'liq monolit ilovani joylashtirish uchun Universal ilovalarni kengaytira oladi, bu erda frontend va backend bitta kod bazasini baham ko'radi.
Nuxt.js xuddi foydalanuvchi veb-saytga tashrif buyurganida server tomonidagi ramka ishlaydi. Agar server tomonida ko'rsatish yoqilgan bo'lsa, foydalanuvchi har safar sahifani so'raganida so'rovlar serverda amalga oshiriladi, shuning uchun har bir so'rov bo'yicha sahifaga xizmat ko'rsatish uchun server kerak bo'ladi. Bundan tashqari, agar

import uz from "./locales/uz"; import ru from "./locales/ru"; import en from "./locales/en"; const pkg = require("./package"); require("dotenv").config();
const webpack = require("webpack");

export default { mode: "universal", head: {

title: "E-BAHOLASH.UZ ОНЛАЙН БАҲОЛАШ ХИЗМАТИ",
meta: [
{ charset: "utf-8" },
{ name: "viewport", content: "width=device-width, initial-scale=1" },
{
hid: "description", name: "description",
content: "E-BAHOLASH.UZ - ОНЛАЙН БАҲОЛАШ ХИЗМАТИ",
},
{
hid: "og:title", property: "og:title",
content: "E-BAHOLASH.UZ - ОНЛАЙН БАҲОЛАШ ХИЗМАТИ",
},
{ hid: "og:type", property: "og:type", content: "article" },
{ hid: "og:url", property: "og:url", content: process.env.BASE_URL },
{
hid: "og:image", property: "og:image",
content: process.env.STORAGE_URL + "/public/logo.png",
},
{
hid: "og:description", property: "og:description",
content: "E-BAHOLASH.UZ - ОНЛАЙН БАҲОЛАШ ХИЗМАТИ",
},
{
hid: "og:site_name", property: "og:site_name", content: "e-baholash.uz",
},
],
link: [
{ rel: "icon", type: "image/x-icon", href: "/favicon.ico" },
],
},
loading: { color: "#fff" }, css: [
"@riophae/vue-treeselect/dist/vue-treeselect.css", "tiny-slider/src/tiny-slider.scss",
"vue2-datepicker/index.css", '@/assets/css/app.css',
"font-awesome/css/font-awesome.min.css", '@/assets/fonts/line-icons.css', '@/assets/css/color-switcher.css', '@/assets/css/ion.rangeSlider.css', '@/assets/css/ion.rangeSlider.skinFlat.css', '@/assets/css/nivo-lightbox.css', "@/assets/css/animate.css", "@/assets/css/main.css", "@/assets/css/color-switcher.css", "@/assets/css/bootstrap.css", "@/assets/css/fonts.css", "@/assets/css/jquery.fancybox.css", "@/assets/css/screen.css", "@/assets/css/swiper.min.css", "aos/dist/aos.css",
],
plugins: [
{ src: "~/plugins/axios" },
{ src: "~/plugins/vue2-filters" },
{ src: "~/plugins/vue-tiny-slider", mode: "client" },
{ src: "~/plugins/numeric-input", mode: "server" },
{ src: "~/plugins/constants" },
{ src: "~/plugins/popper.js", mode: "client" },
{ src: "~/plugins/mixitup.js", mode: "client" },
{ src: "~/plugins/counterup.js", mode: "client" },
{ src: "~/plugins/jquery-slicknav.js", mode: "client" },
{ src: "~/plugins/nivo-lightbox.js", mode: "client" }
],
buildModules: [], modules: [ "@nuxtjs/dotenv",
"@nuxtjs/axios", "@nuxtjs/pwa",
["bootstrap-vue/nuxt", { css: false }], "vue-sweetalert2/nuxt",
[
"nuxt-i18n",
{
locales: [
{
code: "uz",
iso: "uz",
name: "Uzbek",
},
{
code: "ru",
iso: "ru",
name: "Русский",
},
{
code: "en",
iso: "en",
name: "English",
},
],
defaultLocale: "uz", vueI18n: { fallbackLocale: "uz", messages: { uz, ru, en },
},
},
],
],
env: {
APP_URL: process.env.APP_URL, API_URL: process.env.API_URL, API_URL_V1: process.env.API_URL_V1,
STORAGE_URL: process.env.STORAGE_URL,
},
};

Quyida esa o'rnatilgan yordamchi kutubxonalar ro'yxati: