СЛЕДУЮЩАЯ страница: развертывание маршрутизатора в Azure

У меня есть проект NEXT, который нужно загрузить в веб-приложение Azure, но давайте перейдем к тестам/случаям.

1.: Я запустил сборку NEXT (App Router) и безуспешно загрузил файлы сборки, выдав ошибку 404 или отсутствующий файл в корневом каталоге. Я загрузил эту сборку через FileZila, а также через расширение VS Code Azure, но в обоих случаях ошибка была одна и та же.

2.: Я запустил сборку NEXT (Page Router), а также загрузил файлы сборки, следуя тому же поведению, что и в описании 1, но с тем же результатом.

3.: Я запустил сборку проекта с помощью React Puro (приложение React), получил файлы сборки, загрузил их, и все заработало.

Однако для NEXT я следил за видео https://thewikihow.com/video_hZ_8TARnSQI и хотя я точно следил за тем, что делает парень на видео, мне это не удалось.

Больше всего внимания привлекает то, что этот парень загружает чистую установку NEXT с помощью Page Router, и я тоже пробовал это, но безуспешно, я ни разу не видел, чтобы он загружал сборку.

Вопрос в том, проходил ли кто-нибудь через то же самое или имел опыт загрузки данных в веб-приложение Azure?

Спасибо ребята, всем хороших выходных.

Я запустил сборку проекта с помощью React Puro (приложение реагирования), получил файлы сборки, загрузил их, и все заработало.

Привет, можете ли вы предоставить код, который вы пробовали.

Suresh Chikkam 25.02.2024 09:38

Привет !!! Вот мой код и файлы в веб-приложении Azure!!! Файлы кода VS -> imgur.com/dWWfzId Azure -> imgur.com/gkR5SxV Папки Azure -> imgur.com/dCSSdyk Этот проект имеет чистую установку NEXT Page Router.

Victor Braga 25.02.2024 15:10
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
0
2
80
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

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

Вопрос в том, проходил ли кто-нибудь через то же самое или имел опыт загрузки данных в веб-приложение Azure?

Я воспроизвел вышеуказанное требование. Выполните следующие шаги.

  • Откройте терминал или командную строку и перейдите в каталог, в котором вы хотите создать проект Next.js.
npx create-next-app my-nextjs-app

(Or)

yarn create next-app my-nextjs-app

Теперь здесь мы видим созданный js-проект NEXT. Затем вы можете настроить маршрутизацию в соответствии с вашими требованиями.

Запустите cmd:

npm run dev

(or)

yarn dev

Затем мы можем выполнить развертывание напрямую, используя установку расширения основных инструментов Azure в редакторе кода VS.

  • Войдите в систему, используя учетные данные Azure, и перейдите в службу приложений, создайте новое веб-приложение с помощью node Runtime и нажмите «Создать».

Nextappsample — это веб-приложение, которое я создал на портале Azure для развертывания моего my-nextjs-app локально.

Статус развертывания:

Приложение Nextjs:

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