Как настроить конечную точку Apollo GraphQL для локального IP при разработке?
Эта проблема RecyclerView, когда элементы изменяются, по-видимому, случайным образом, когда прокрутка обычно связана с настройкой характеристик элемента в неправильном месте.
A RecyclerView будет повторно использовать создаваемые для него держатели представлений (это часть recycle ), поэтому держатель вида для позиции 10, допустим, может быть повторно использован для элемента в позиции 0. Если характеристики не изменены на то, что они должны быть, когда держатель вида bound , тогда результаты могут быть неожиданными. Другими словами, вид, видимый в позиции 10, также будет виден, когда держателю вида назначено положение 0.
2 ответа
Я определенно предложу использовать .ngrok, как уже предложено @Daniel
1. Используйте .ngrok, чтобы показать конечную точку вашего локального сервера. Вы получите общедоступный URL-адрес сервера, который вы можете использовать из любого места в Интернете
2.Вы можете создать файл .env.development.local с переменной env.
Для получения дополнительной информации о файлах env в Приоритет создания приложения React см. Ссылку
, например,
REACT_APP_SERVER_URL = http: / /192.168.1.25:8080/graphql
// Или URL-адрес, предоставленный ngrok
3. Использовать SERVER_URL из файла .env без извлечения
const httpLink = новый HttpLink ({uri: REACT_APP_SERVER_URL})
Это похоже на библиотеку узлов, поэтому она не будет работать внутри вашего кода внешнего интерфейса. Если вы используете веб-пакет, вы можете использовать DefinePlugin для оценки некоторого выражения, а затем установить для него глобальную переменную, которая будет доступна в любом месте вашего кода внешнего интерфейса.
Вы также можете использовать такой инструмент, как ngrok , чтобы предоставить общедоступный URL-адрес для вашей локальной среды разработки.
// webpack.config.js
new webpack.DefinePlugin({
SERVER_URL: JSON.stringify(`${internalIp.v4.sync()}/graphql`),
})
// elsewhere
const httpLink = new HttpLink({ uri: SERVER_URL })