UWP WebView2 ERR_NETWORK_ACESS_DENIED при загрузке IP-адреса (ваш доступ в Интернет заблокирован)

После установки компонентов WebView2 для UWP и создания проекта с использованием эти инструкции веб-представление не может загрузить локальный IP-адрес Source = "http://10.20.30.59/".

UWP WebView2 ERR_NETWORK_ACESS_DENIED при загрузке IP-адреса (ваш доступ в Интернет заблокирован)

  • Тот же URL-адрес работает в WPF WebView, однако мне нужно выполнить миграцию из-за других проблем.
  • Тот же URL-адрес работает в других браузерах, но не в WebView2. «Обычные» URL-адреса, такие как https://bing.com, отлично работают в WebView2.
  • Отключение брандмауэра по-прежнему не позволяет загружать контент.
  • Отключение антивируса Windows в настройках защиты от вирусов и угроз не помогает.
  • Значение CoreWebView2NavigationCompletedEventArgs.IsSuccess равно false, а WebErrorStatus равно ConnectionAborted.
  • В разделе DevTools > Network > Headers ошибочная страница имеет значение Политика реферера: strict-origin-when-cross-origin. Посещение https://developer.chrome.com/blog/referrer-policy-new-chrome-default/ показывает, что это можно изменить с помощью флагов Chrome, но я не знаю, как запустить эти флаги, чтобы убедиться, что это не проблема.
  • В области обратной связи есть некоторые похожие проблемы, такие как https://github.com/MicrosoftEdge/WebView2Feedback/issues/2145, но не та, которая показывает, как ее отлаживать.
  • В Package.appxmanifest добавление возможностей Интернет (клиент и сервер), Интернет (Клиент), Частные сети (клиент и сервер) и Удаленная система не помогает.
  • Использование Node JS + Node Package Manager для запуска локального сервера работает на Source = "http://10.20.30.106:8080/". Это наводит меня на мысль, что проблема в самом источнике. https://devpractical.com/host-a-html-page-on-localhost/#nodejs-раздел
  • Образец UWP WebView2Samples-master\SampleApps\webview2_sample_uwp из https://github.com/MicrosoftEdge/WebView2Samples отлично работает с проблемным адресом. Почему?

Ниже приведен минимальный воспроизводимый пример из инструкции:

<Page
x:Class = "WebView2_Test.MainPage"
xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local = "using:WebView2_Test"
xmlns:d = "http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc = "http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable = "d"
xmlns:control = "using:Microsoft.UI.Xaml.Controls"
Background = "{ThemeResource ApplicationPageBackgroundThemeBrush}">

<Grid>
    <control:WebView2 x:Name = "wv2"
                      Source = "http://10.20.30.59/"/>
</Grid>

Это включает в себя первую установку Edge Canary, как рекомендовано; установка рабочего стола .NET, рабочего стола C++ и средств разработки UWP в Visual Studio; и установка NuGet-пакетов Microsoft.Web.WebView2 и Microsoft.UI.Xamlпререлиз.

Как отладить то, что мешает загрузке источника?

@NicoZhu-MSFT спасибо за предложение, но это не имеет значения. Кроме того, образец, предоставленный MSFT, не содержит объявлений Content URI и все еще работает, так что это не решение.

Denis G. Labrecque 18.03.2022 15:30

Тем не менее, я нашел недостающую возможность, а именно частные сети (клиент и сервер). Как отмечено в вопросе, я уже тестировал это раньше, так что разберитесь.

Denis G. Labrecque 18.03.2022 15:34
Стоит ли изучать PHP в 2023-2024 годах?
Стоит ли изучать PHP в 2023-2024 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
0
2
36
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Сравнив с образцом Microsoft, я обнаружил отсутствующую возможность под названием Частные сети (клиент и сервер) в Package.appxmanifest. Это единственное требование для моего проекта.

По какой-то причине при возвращении к проекту эта возможность не была проверена, поэтому, возможно, перезапустите Visual Studio или иным образом убедитесь, что эта возможность действительно зарегистрирована.

Другие вопросы по теме