Size: a a a

Nuxt.js — русскоговорящее сообщество

2020 June 07

M

Max in Nuxt.js — русскоговорящее сообщество
Sergey Lapitski
Привет всем, может кто нибудь подсказать как мне сделать динамический хедер в аполло?

Вот в моем nuxt.config.js

   apollo: {
       clientConfigs: {
           default: {
               httpEndpoint: process.env.API_URL,
               browserHttpEndpoint: process.env.API_URL_BROWSER,
               httpLinkOptions: {
                   headers: {
                       "content-type": "application/json",
                       "x-locale": "ru",
                   },
               },
           },
       },
   },

Вот что мне примерно надо сделать

//....
headers: {
 "content-type": "application/json",
 "x-locale": this.i18n.locale, //—- этот кусок
}
//.....
Добрый день.
Назрел такой же вопрос.
У кого-то получилось сделать динамический хедер в аполло?
источник

AB

Andrey Borodin in Nuxt.js — русскоговорящее сообщество
добрый день!
   E:\OSPanel\domains\nuxt\my_test\pages\form.vue:1
   <template>
   ^

   SyntaxError: Unexpected token '<'

     1 | const { shallowMount } = require('@vue/test-utils')
   > 2 | const { Form } = require('../pages/form.vue')
       |                  ^
     3 |
     4 | //import { shallowMount } from '@vue/test-utils'
     5 | //import Form from './pages/form.vue'

     at Runtime._execModule (node_modules/jest-runtime/build/index.js:1166:56)
     at Object.<anonymous> (tests/index.test.js:2:18)

Test Suites: 1 failed, 1 passed, 2 total
Tests:       1 passed, 1 total
Snapshots:   0 total
Time:        6.919 s
подскажите, пожалуйста, как исправить?
источник

AK

Andrii Kolisnyk-Hut in Nuxt.js — русскоговорящее сообщество
Andrey Borodin
добрый день!
   E:\OSPanel\domains\nuxt\my_test\pages\form.vue:1
   <template>
   ^

   SyntaxError: Unexpected token '<'

     1 | const { shallowMount } = require('@vue/test-utils')
   > 2 | const { Form } = require('../pages/form.vue')
       |                  ^
     3 |
     4 | //import { shallowMount } from '@vue/test-utils'
     5 | //import Form from './pages/form.vue'

     at Runtime._execModule (node_modules/jest-runtime/build/index.js:1166:56)
     at Object.<anonymous> (tests/index.test.js:2:18)

Test Suites: 1 failed, 1 passed, 2 total
Tests:       1 passed, 1 total
Snapshots:   0 total
Time:        6.919 s
подскажите, пожалуйста, как исправить?
для начала залей в песочницу, чтобы помогли, а то это нечитаемо
источник

AB

Andrey Borodin in Nuxt.js — русскоговорящее сообщество
Andrii Kolisnyk-Hut
для начала залей в песочницу, чтобы помогли, а то это нечитаемо
form.vue:                                                                                                      <template>
 <div>
   Название:
   <input v-model="name_">
   <div v-if="error" class="error">
     {{ error }}
   </div>
 </div>
</template>

<script>
export default {
 name: '',
 data () {
   return {
     name_: ''
   }
 },

 computed: {
   error () {
     return this.name_.trim().length < 7
       ? 'Название должно быть длиннее 6 символов'
       : ''
   }
 }
}
</script>
источник

AB

Andrey Borodin in Nuxt.js — русскоговорящее сообщество
index.test.js:
источник

AB

Andrey Borodin in Nuxt.js — русскоговорящее сообщество
const { shallowMount } = require('@vue/test-utils')
const { Form } = require('../pages/form.vue')

//import { shallowMount } from '@vue/test-utils'
//import Form from '../pages/form.vue'

test('Form', () => {
 // отрисовываем компонент в изоляции
 const wrapper = shallowMount(Form)

 // устанавливаем username меньше 7 символов, без учёта пробелов
 wrapper.setData({ username: ' '.repeat(7) })

 // проверяем, что ошибка отобразилась
 expect(wrapper.find('.error').exists()).toBe(true)

 // обновляем имя, чтобы оно было достаточно длинным
 wrapper.setData({ username: 'Александр' })

 // проверяем, что ошибка исчезла
 expect(wrapper.find('.error').exists()).toBe(false)
})
источник

NT

Natalia Tepluhina in Nuxt.js — русскоговорящее сообщество
const { Form } = require('../pages/form.vue') - убери фигурные скобки вокруг Form
источник

NT

Natalia Tepluhina in Nuxt.js — русскоговорящее сообщество
там же дефолтный экспорт в компоненте
источник

AB

Andrey Borodin in Nuxt.js — русскоговорящее сообщество
Natalia Tepluhina
const { Form } = require('../pages/form.vue') - убери фигурные скобки вокруг Form
это не помогало
источник

S

Sonic [Скупаю | Акту... in Nuxt.js — русскоговорящее сообщество
Господа, сориентируйте пожалуйста молодого. Можно ли считать себя frontend'ером на nuxt или это все же рассматривается как дополнение при устройстве на vue?
Приходишь ты на собеседование по vue и говоришь, что всю жизнь сидел на nuxt - это осудят?)
Я привык сидеть на готовом nuxt (роутинг, подключения) и думаю нужно ли начинать делать проекты (не требующие ssr) на чистом vue.
источник

V💊

Vladimir 💊 Voytenko... in Nuxt.js — русскоговорящее сообщество
Sonic [Скупаю | Актуально всегда]
Господа, сориентируйте пожалуйста молодого. Можно ли считать себя frontend'ером на nuxt или это все же рассматривается как дополнение при устройстве на vue?
Приходишь ты на собеседование по vue и говоришь, что всю жизнь сидел на nuxt - это осудят?)
Я привык сидеть на готовом nuxt (роутинг, подключения) и думаю нужно ли начинать делать проекты (не требующие ssr) на чистом vue.
считать себя фронтендером - можно, но совсем уж узкой направленности.
нужен ли чистый вью - да, нужен. так же как и знания жс в целом и прочего смежного, таких людей с руками оторвут. я бы например сразу контакты передал нашим hr
источник

S

Sonic [Скупаю | Акту... in Nuxt.js — русскоговорящее сообщество
Vladimir 💊 Voytenko
считать себя фронтендером - можно, но совсем уж узкой направленности.
нужен ли чистый вью - да, нужен. так же как и знания жс в целом и прочего смежного, таких людей с руками оторвут. я бы например сразу контакты передал нашим hr
А почему работодатели сразу не перейдут на ssr? Это же не несёт сильной нагрузки на сервер, зато граница между работой пропадает
источник

R

RusaXXX in Nuxt.js — русскоговорящее сообщество
Vladimir 💊 Voytenko
считать себя фронтендером - можно, но совсем уж узкой направленности.
нужен ли чистый вью - да, нужен. так же как и знания жс в целом и прочего смежного, таких людей с руками оторвут. я бы например сразу контакты передал нашим hr
А как можно писать на нуксте не зная vue?
источник

V💊

Vladimir 💊 Voytenko... in Nuxt.js — русскоговорящее сообщество
Sonic [Скупаю | Актуально всегда]
А почему работодатели сразу не перейдут на ssr? Это же не несёт сильной нагрузки на сервер, зато граница между работой пропадает
мне например не нужен SSR на проектах, и накст тем более.
источник

V💊

Vladimir 💊 Voytenko... in Nuxt.js — русскоговорящее сообщество
RusaXXX
А как можно писать на нуксте не зная vue?
так же как пишут на вью не зная жс
источник

R

RusaXXX in Nuxt.js — русскоговорящее сообщество
Vladimir 💊 Voytenko
так же как пишут на вью не зная жс
Покажи таких людей
источник

S

Sonic [Скупаю | Акту... in Nuxt.js — русскоговорящее сообщество
Vladimir 💊 Voytenko
мне например не нужен SSR на проектах, и накст тем более.
Так мало людей пишут блоги и магазины? В основном внутренние интерфейсы?
Ведь яндекс не научился запускать js
источник

V💊

Vladimir 💊 Voytenko... in Nuxt.js — русскоговорящее сообщество
загляни в чатик вью и увидишь таких очень много
источник

V💊

Vladimir 💊 Voytenko... in Nuxt.js — русскоговорящее сообщество
Sonic [Скупаю | Актуально всегда]
Так мало людей пишут блоги и магазины? В основном внутренние интерфейсы?
Ведь яндекс не научился запускать js
не мало, просто если будет выбор между двумя людьми один из которых знает чистый вью, а второй только накст, предпочтение всегда будет вьюшнику
источник

S

Sonic [Скупаю | Акту... in Nuxt.js — русскоговорящее сообщество
Vladimir 💊 Voytenko
не мало, просто если будет выбор между двумя людьми один из которых знает чистый вью, а второй только накст, предпочтение всегда будет вьюшнику
Нет, вопрос был именно по SSR, почему он не нужен?
источник