Я развернул папку build внутри папки wwwroot, используя ftp.Но мой веб-адрес все еще работает, это страница по умолчанию

Question

Я развернул папку сборки create-реагировать-app в папке site / wwwroot / с помощью ftp в Azure. Но мой веб-адрес все еще работает со страницей Azure по умолчанию

Я создал сборку с помощью команды npm run build

Так как я могу развернуть мое статическое приложение create-реагировать на Azure?

Мой файл package.json -

{
  "name": "yoke",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "axios": "^0.18.0",
    "bootstrap": "^4.3.1",
    "config": "^3.1.0",
    "history": "^4.9.0",
    "jquery": "^3.4.1",
    "jwt-decode": "^2.2.0",
    "moment": "^2.24.0",
    "popper.js": "^1.15.0",
    "react": "^16.8.6",
    "react-bootstrap": "^1.0.0-beta.8",
    "react-dom": "^16.8.6",
    "react-router-dom": "^5.0.0",
    "react-scripts": "3.0.1",
    "serve": "^11.0.2"
  },
  "proxy": "http://localhost:4000",
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}

Answer 1

Я только что попытался сделать то же самое (я полагаю, что вы использовали службу приложений Azure), и она работает нормально. Убедитесь, что у вас есть содержимое вашей папки сборки в самой папке wwwroot: create-реакции-приложение в службе приложений Azure

Edit: Похоже, что в случае (Node Web App) вы должны установить документ по умолчанию, как описано в этой статье: https://blogs.msdn.microsoft.com/waws/2017/09/08/things-you-should-know-web-apps-and-linux/#NodeHome.

Поместите файл index.js в wwwroot со следующим содержимым:

var express = require('express');
var server = express();
var options = {
index: 'index.html'
};
server.use('/', express.static('/home/site/wwwroot', options));
server.listen(process.env.PORT);

Edit2 (часть, опущенная в статье MS): Затем в блейде вашего приложения на портале Azure откройте Advanced Tools и нажмите «Перейти», откроется веб-страница Kudu. Нажмите на ссылку «Bash» в верхнем меню и выполните в консоли следующие команды:

nmp install express

После успешной установки пакетов перейдите на блейд Overview на портале и перезапустите службу приложения.