Задать вопрос
Vertenz

Vladimir Medvedev

Мечтетель
Ответы пользователя по тегу Nuxt.js

  • Как отключить CORS в NUXT?

    Vertenz
    @Vertenz
    Мечтетель
    Дело в разных портах, доступ должен все равно работать если разрешен. Проверьте через разрешение всему, будет ли работать, тут отвечал как дать такой доступ :)
    Если очень хочется именно в накст то можно использовать этот пакет, но решение плохое, так как вы перекладываете логику серверной части на фронт.
    const cors = require('cors');

module.exports = {
  serverMiddleware: [
    cors()
  ]
}


    Так же можно добавить проксирование в накст. Но я бы все же начал с того, чтобы дать доступ * (всему) и попробовал бы так. Если не подходит то добавляйте скрин ошибки, может что-то по мимо междоменного еще
    Ответ написан
    Комментировать
    Комментировать

  • Как вставить готовый iframe в шаблон Vue3/Nuxt3?

    Vertenz
    @Vertenz
    Мечтетель
    есть несколько вариантов, во-первых, вам надо вставить ссылку в фрем, и так можно избежать v-html
    <iframe :src="iftame.src"></iframe>

    Либо попробовать через otherHTMl

    const iframe = myapi.getIframe()
    const iframe = response.data.outerHTML
    return { iframeHtml }
    Ответ написан
    Комментировать
    Комментировать

  • Как в nuxt3 подключить базу данных?

    Vertenz
    @Vertenz
    Мечтетель
    Надеюсь правильно понял вопрос:) Nuxt 3 использует свой fetch и свои настройки, но чтобы было привычнее и проще поддерживать можно использовать axios, как минимум больше найдете информации. 
    modules: [
    '@nuxtjs/axios',
  ],
  axios: {
    baseURL: 'https://my-rds-endpoint.amazonaws.com',
    credentials: true,
    auth: {
      username: 'db-username',
      password: 'db-password',
    },
    headers: {
      'Content-Type': 'application/json',
    },
  },


    в зависимости от того какой стиль вы используете и на каком этапе вам это нужно вы можете использовать аксиос (далее больше псевдокод для примера)
    const { data } = await $axios.get('/my-data')
  return { myData: data }
    Ответ написан
    Комментировать
    Комментировать

  • Как подключить Vuetify к Nuxt?

    Vertenz
    @Vertenz
    Мечтетель
    В первую очередь проверьте все ли пакеты загружены и vuetify есть в
    package.json

    Если у вас nuxt 3, то вам нужно его подключить через плагины.
    В папке
    plugins
    создать
    vuetify.js
    (название можно менять).
    import { createVuetify, ThemeDefinition } from "vuetify";
import {
VApp,
} from "vuetify/components";

export default defineNuxtPlugin((nuxtApp) => {
  const vuetify = createVuetify({
    locale: {
      fallback: "ru", // локаль если нужны переключения языков
    },
    theme: {
 // тут кастомные темы
    },
    components: {
      VApp, // тут компоненты вьютифая
    },
    ssr: true, // nuxt 3 - ssr
  });

  nuxtApp.vueApp.use(vuetify);
});


    так же в
    nuxt.cinfig.ts
    вам понадобиться добавить стили вьютифая и при билде сам пакет

    css: [
    "vuetify/lib/styles/main.sass",
    "@mdi/font/css/materialdesignicons.min.css", // если нужны mdi
  ],

  build: {
    transpile: ["vuetify"],
  },


    Если nuxt 2 то пять плагин 
    import Vue from 'vue'
import Vuetify from 'vuetify'
import 'vuetify/dist/vuetify.min.css'

Vue.use(Vuetify)

export default new Vuetify({
  icons: {
    iconfont: 'mdi'
  }
})


    Добавляем в конфиг 
    export default {
  plugins: [
    { src: '~/plugins/vuetify.js' }
  ]
}


    также нужно импортировать CSS-файл Vuetify в свой проект, как указано в vuetify.js. Если вы используете Sass или Less, вы можете импортировать их в свой файл стилей вместо CSS-файла.
    Ответ написан
    Комментировать
    Комментировать