Size: a a a

Nuxt.js | Vue SSR

2021 April 07

l

lunar616 in Nuxt.js | Vue SSR
Да ребят, я не выбирал что тянуть :D
источник

ВБ

Владимир Бандуристов... in Nuxt.js | Vue SSR
Если ругается на data-v-* то возможно со scoped какие то проблемы
источник

l

lunar616 in Nuxt.js | Vue SSR
Спасибо, буду копать :)
источник

V

Vlad in Nuxt.js | Vue SSR
Vue svg loader
источник

SS

Stanislav S in Nuxt.js | Vue SSR
Здравствуйте. Подскажите в чем отличие
<script lang="ts">
import Vue from "vue";
export default Vue.extend({...
от
<script lang="ts">
export default {...
источник

🖉𝓓

🖉 𝓓𝒶𝓈𝓉𝒶𝓃𝒶𝓇𝓸𝓃... in Nuxt.js | Vue SSR
Доброго дня всем. Вчера вот обращался по проблеме. Решил временно так. Но мне все равно кажется дичью вот это. Две функции, практически идентичные, но одна на фронте, другая на SSR. Костыль c setBaseUrl потому что с фронта мы реально можем просто как /api/... обратиться а с бэка это соседний контейнер, например http://nginx:8080

Эта дичь с одинаковым fecth и фронтовым методом как то можно нормально решить?
источник

🖉𝓓

🖉 𝓓𝒶𝓈𝓉𝒶𝓃𝒶𝓇𝓸𝓃... in Nuxt.js | Vue SSR
ts export default просто экспортирует объект. А нужен не просто объект, а расширение класса Vue. Если включить декораторы, то можно еще через @Component объявлять, и расширять как export default CLassName extended Vue {}
источник

D

Damir in Nuxt.js | Vue SSR
Как тебе вариант с выносом запроса к axios в отдельную функцию, принимающую axios и флаг "ssr-не ssr", которая будет дописывать baseUrl уже на месте (без использования метода setBaseUrl)?

А, и такое использование fetch - deprecated с версии 2.12. К тому же ты можешь разрешить фетчить только на стороне клиента : за это отвечает свойство экземпляра fetchOnServer
источник

🖉𝓓

🖉 𝓓𝒶𝓈𝓉𝒶𝓃𝒶𝓇𝓸𝓃... in Nuxt.js | Vue SSR
1. Вариант наверное. Надо только флаг найти ssr и не ssr.

2. Что то не понял, что там депрекейтед https://nuxtjs.org/docs/2.x/features/data-fetching.

Какое использование?
источник

D

Damir in Nuxt.js | Vue SSR
Четвертый абзац сверху по твоей же ссылке😄
источник

D

Damir in Nuxt.js | Vue SSR
То, что ты используешь работает из-за сохранения обратной совместимости
источник

🖉𝓓

🖉 𝓓𝒶𝓈𝓉𝒶𝓃𝒶𝓇𝓸𝓃... in Nuxt.js | Vue SSR
Я понял, контекст просто не объявлять. Сделать отдельный метод для axios запроса. В fetch передавать флаг ssr, в обычном методе ssr false условно.
источник

АР

Артем Рыбин... in Nuxt.js | Vue SSR
Всем привет. Как правильно подключить файл Api.js который возвращает объект с ссылками на Api?
Хочу сфомрировать глоабльное свойство this.$Api
источник

🖉𝓓

🖉 𝓓𝒶𝓈𝓉𝒶𝓃𝒶𝓇𝓸𝓃... in Nuxt.js | Vue SSR
Через плагин можно если хочешь, чтобы в this был досступен внутри vue компонентов
источник

АР

Артем Рыбин... in Nuxt.js | Vue SSR
Вот тоже думал через плагин, но правильно ли это)) может есть какая-то алтернатива?
источник

🖉𝓓

🖉 𝓓𝒶𝓈𝓉𝒶𝓃𝒶𝓇𝓸𝓃... in Nuxt.js | Vue SSR
Ну мне тоже кажется, что через плагин не очень. Просто если в this это единственный вариант. А так что мешает делать import {API} from 'yourapi'
источник

🖉𝓓

🖉 𝓓𝒶𝓈𝓉𝒶𝓃𝒶𝓇𝓸𝓃... in Nuxt.js | Vue SSR
и использовать внутри методов как API.foo.bar(args)
источник

АР

Артем Рыбин... in Nuxt.js | Vue SSR
не хочется постоянно импортировать
источник

SS

Stanislav S in Nuxt.js | Vue SSR
Спасибо.
источник

S

Stanislav in Nuxt.js | Vue SSR
Всем привет! Обновил Webstorm до последней версии (Версия: 2021.1 от 6 апреля 2021 г.), теперь IDE указывает, что Module is not installed для импортов. Может кто сталкивался с подобным?
источник