Size: a a a

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

2020 April 23

u

username in Nuxt.js — русскоговорящее сообщество
Добрый день. Подскажите, пожалуйста, что я делаю не так при проксировании запросов к api

в modules в nuxt.config.js добавил следующее

axios: {
   proxy: true
 },
 proxy: {
   '/api': {
     target: 'http://apiservice.local.ru/api',
     pathRewrite: {
       '^/api': ''
     },
     changeOrigin: true
   }
 },


Я ожидаю что при выполнении
$axios.$get('/api/product/get-all')

сервер обратится к

http://apiservice.local.ru/api/product/get-all

но этого не происходит
источник

IB

Ilya Borovitinov in Nuxt.js — русскоговорящее сообщество
Тупил, теперь разобрался :))
источник

IB

Ilya Borovitinov in Nuxt.js — русскоговорящее сообщество
username
Добрый день. Подскажите, пожалуйста, что я делаю не так при проксировании запросов к api

в modules в nuxt.config.js добавил следующее

axios: {
   proxy: true
 },
 proxy: {
   '/api': {
     target: 'http://apiservice.local.ru/api',
     pathRewrite: {
       '^/api': ''
     },
     changeOrigin: true
   }
 },


Я ожидаю что при выполнении
$axios.$get('/api/product/get-all')

сервер обратится к

http://apiservice.local.ru/api/product/get-all

но этого не происходит
А куда обращается?
источник

u

username in Nuxt.js — русскоговорящее сообщество
Если смотреть в дебаггер, то к /api/product/get-all, то есть вообще ничего не заменяет. может я не совсем правильно понимаю как это должно работать
источник

IB

Ilya Borovitinov in Nuxt.js — русскоговорящее сообщество
username
Если смотреть в дебаггер, то к /api/product/get-all, то есть вообще ничего не заменяет. может я не совсем правильно понимаю как это должно работать
с фронта он и должен делать этот запрос. У вас же включен universal режим, верно?
источник

NM

Nikita Moria in Nuxt.js — русскоговорящее сообщество
username
Добрый день. Подскажите, пожалуйста, что я делаю не так при проксировании запросов к api

в modules в nuxt.config.js добавил следующее

axios: {
   proxy: true
 },
 proxy: {
   '/api': {
     target: 'http://apiservice.local.ru/api',
     pathRewrite: {
       '^/api': ''
     },
     changeOrigin: true
   }
 },


Я ожидаю что при выполнении
$axios.$get('/api/product/get-all')

сервер обратится к

http://apiservice.local.ru/api/product/get-all

но этого не происходит
Такая проблема может возникнуть, если nginx рулит запросами. Посмотрите nginx.conf
источник

AL

Andrey Lunar in Nuxt.js — русскоговорящее сообщество
Подскажите пож, ушел в затуп на ровном месте.
Есть страница условно постов, у каждого есть slug и id.
При клике по посту открывается его страница.
Как правильно перекинуть туда данные, какой запрос? (Он уходит на /api/posts/id)
источник

u

username in Nuxt.js — русскоговорящее сообщество
Ilya Borovitinov
с фронта он и должен делать этот запрос. У вас же включен universal режим, верно?
Да, но при прямом заходе на страницу запросы из asyncData ведь идут с сервера, разве нет?

В общем, я закрыл среду, убил все процессы, закрыл все терминалы и все заработало 😐
источник

SS

Stanislav Suslov in Nuxt.js — русскоговорящее сообщество
Andrey Lunar
Подскажите пож, ушел в затуп на ровном месте.
Есть страница условно постов, у каждого есть slug и id.
При клике по посту открывается его страница.
Как правильно перекинуть туда данные, какой запрос? (Он уходит на /api/posts/id)
куда данные перекинуть? как перейти на страницу? <nuxt-link>?
источник

AL

Andrey Lunar in Nuxt.js — русскоговорящее сообщество
Stanislav Suslov
куда данные перекинуть? как перейти на страницу? <nuxt-link>?
<nuxt-link :to="'/posts/' + post.slug"> так выглядит, как на самой странице получить данные?
источник

SS

Stanislav Suslov in Nuxt.js — русскоговорящее сообщество
Andrey Lunar
<nuxt-link :to="'/posts/' + post.slug"> так выглядит, как на самой странице получить данные?
asyncdata
источник

u

username in Nuxt.js — русскоговорящее сообщество
Andrey Lunar
<nuxt-link :to="'/posts/' + post.slug"> так выглядит, как на самой странице получить данные?
в params
источник

AL

Andrey Lunar in Nuxt.js — русскоговорящее сообщество
это тоже понятно, как айдишник получить? Slug можно вытащить через params а id?
источник

AL

Andrey Lunar in Nuxt.js — русскоговорящее сообщество
или я чет не то делаю...
источник

SS

Stanislav Suslov in Nuxt.js — русскоговорящее сообщество
а как мы айди узнаем?
источник

AL

Andrey Lunar in Nuxt.js — русскоговорящее сообщество
Stanislav Suslov
а как мы айди узнаем?
на странице постов стягиваем посты из базы, и там у каждого есть id
источник

AL

Andrey Lunar in Nuxt.js — русскоговорящее сообщество
точнее не полностью а поля для thumbnail ов
источник

SS

Stanislav Suslov in Nuxt.js — русскоговорящее сообщество
Andrey Lunar
на странице постов стягиваем посты из базы, и там у каждого есть id
ну а если мы сразу на детальную заходим?
источник

u

username in Nuxt.js — русскоговорящее сообщество
Stanislav Suslov
ну а если мы сразу на детальную заходим?
запрос к серверу по slug
источник

u

username in Nuxt.js — русскоговорящее сообщество
можно передать параметром и id, но не нужно
источник