Можно ли скрыть Json файлы Laravel/Vue?

Question

[jazzus]

Изучаю Vue.js + Laravel.
Использую Laravel Resource для формирования json и отправки в vue.
При этом в панели гугл хрома я вижу json файл в полном комплекте, со всеми id и атрибутами, которые не отрисовываются на сайте, но используются в логике VUE.
Такого на других сайтах не наблюдаю. Какие сайте не открывал с javascript вообще не видел в панели файлов json особенно в полном комлекте, как у меня..
Можно ли их скрыть? Чтобы эти запросы json от vue никак не отображались в панели.

Answer 1

[shmatuan]

Всё что на фронтенде - нет.

Какие сайте не открывал с javascript вообще не видел в панели файлов json

Потому что обычно json приходит не файлом, а в ответе с сервера

Comments

[jazzus]

Да, я именно так и хочу сделать чтобы был ответ сервера. Как на беке. Только как этого добиться в ларавель? Они сами советуют json ресурсы делать. Сейчас думаю - может у меня json отображается т.к. проект на локалхосте поэтому я их вижу

[jazzus]

Запросы у меня такого плана:
axios.get(`/json/lists/${list_id}`)

[shmatuan]

jazzus, json в ответе с сервера тоже виден, если что))

[jazzus]

Так что делать?) Скрывать все ненужное в json и в VUE логиках типа v-if использовать только то, что можно показывать?

[shmatuan]

jazzus, Передавать с сервера только нужную информацию)
Потому что так в любом случае может кто угодно отправить запрос на сервер (через тот же постман) и получить все данные, которые скрывает фронт)

[jazzus]

Для постмана нужно ссылку получить или ее можно узнать даже если файлов json нет? Но все равно - как на других сайтах json не отображается? Или отображается, но вообще без переменных. Например https://igooods.ru/products?category_id=1-ovoschi-... товары в цикле, а никаких раскрытий id в файлах нет (да и самих файлов не нашел). Может быть такое, что у меня включен vue dev tools и я на локалхост, может панель разработчика гугла это понимает и показываем запросы к серверу в виде файлов по которым можно щелкать?

[shmatuan]

jazzus, Конкретно этот сайт написан на Ruby on Rails, где каждая страница заново генерируется на стороне сервера и открывать их сразу ( серверный рендеринг ).
С Vue это сложнее уже - нужно копать в сторону https://ssr.vuejs.org/ru/ и https://nuxtjs.org
Но это как раз поможет (кроме того. что можно просто спарсить эти страницы)

[shmatuan]

jazzus,

Для постмана нужно ссылку получить или ее можно узнать даже если файлов json нет?

Если что-то отправляется на сервер - всё можно увидеть во вкладке Network, а там все полностью данные )

[jazzus]

Понял. Значит нужно разбираться с этим рендерингом неизвестным) спасибо

Answer 2

[Ihor Bratukh]

Server Side Rendering или Pre-Render

На фронте ваш вопрос звучит так: как показать данные клиенту, чтобы он их не увидел?

Comments

[jazzus]

Как правильно работать с фронтом? Я не вижу json на других сайтах, а у себя вижу поэтому хочу понять что я делаю не так

[Дмитрий Кузнецов]

jazzus, мне интересно, а где вы эти json файлы видите!?

[jazzus]

В панели разработчика в хроме на вкладке Network перечисляются все запросы к серверу на каждый можно щелкнуть, увидеть все содержимое (со всеми id вспомогатиельными withcount-ами и тд). Все ссылки которые делаю типа /json/lists/${list_id} все отображаются в панели. Думаю, может это из-за локалхоста либо настройка какая-то включена в ларавель, что они все отображают.

[jazzus]

Т.е. если это нельзя отключить, любой сможет взять ссылку json запроса, вставить в postman и как в dd($zapros) видеть полное содержание массива данных. Когда передаем в blade-шаблон массив в переменной, то эти данные недоступны пользователю, а в Vue все показывается. Просто многие вещи (те же id пользователя, коунты и т.д.) участвуют в логиках v-if, получается в blade можно передавать весь массив, а в vue нельзя, что вряд ли