Как удалить пример приложения Create React в продакшене - PullRequest
0 голосов
/ 06 мая 2020

У меня есть домен, который успешно развернут на рабочем сервере. Но всякий раз, когда я открываю его, в адресной строке отображается один Install app: Create React app sample.

Есть ли способ удалить это. Что мне следует изменить в моем коде? Есть ли здесь предложения?

// Клиентский пакет. json

{
  "name": "client",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "axios": "^0.19.2",
    "bootstrap": "^4.4.1",
    "bootstrap-less": "^3.3.8",
    "moment": "^2.24.0",
    "node-sass": "^4.13.1",
    "react": "^16.13.1",
    "react-dom": "^16.13.1",
    "redux-thunk": "^2.3.0",
    "uuid": "^7.0.3"
  },
  "scripts": {
    "start": "react-scripts start",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
    ],
    "development": [
      "last 1 chrome version",
    ]
  },
  "proxy": "http://localhost:5000"
}

// манифест. json

{
  "short_name": "React App",
  "name": "Create React App Sample",
  "icons": [
    {
      "src": "favicon.ico",
      "sizes": "64x64 32x32 24x24 16x16",
      "type": "image/x-icon"
    },
    {
      "src": "logo192.png",
      "type": "image/png",
      "sizes": "192x192"
    },
    {
      "src": "logo512.png",
      "type": "image/png",
      "sizes": "512x512"
    }
  ],
  "start_url": ".",
  "display": "standalone",
  "theme_color": "#000000",
  "background_color": "#ffffff"
}

enter image description here

1 Ответ

2 голосов
/ 06 мая 2020

Вам необходимо изменить файл manifest. json, вы можете найти его в папке publi c, созданной приложением create-response-app.

manifest. json файл используется serviceWorker, чтобы позволить пользователю установить ваше веб-приложение как приложение, вы можете пропустить свойство short_name, но вы должны указать собственное имя. но пропуск обоих не вызовет каких-либо проблем с функциональностью приложения, в этом случае браузер будет использовать имя по умолчанию (т.е. без названия) для вашего приложения.

По моему мнению, вы должны предоставить и short_name и name свойство.

Там

{
  "short_name": "React App",
  "name": "Create React App Sample", // you need to change this
  "icons": [
    {
      "src": "favicon.ico",
      "sizes": "192x192",
      "type": "image/png"
    }
  ],
  "start_url": "./index.html",
  "display": "standalone",
  "theme_color": "#000000",
  "background_color": "#ffffff"
}
...