Question

我已经使用MongoDB，Express，React，Nodejs在MERN堆栈中构建了WebApp。

我将其托管为https://connectgeeks.herokuapp.com到Heroku-Cloud。

Github-repo项目-Find_Geeks。它可以在我的桌面浏览器上运行，但不能在任何Android chrome上运行。

我在Heroku云中有一个自动构建的应用程序，其中package.json中的命令为

"scripts:{ "heroku-postbuild": "NPM_CONFIG_PRODUCTION=false npm install --prefix frontend && npm run build --prefix frontend" } 在Android上加载时，它的搜索栏背景会变为黑色，并且我认为该页面已加载到该时间，但无法显示组件。

处于工作状态的Desktop-chrome屏幕截图。

以隐身模式显示工作状态的Desktop-chrome的屏幕截图。

Chrome中的移动模式屏幕截图，即工作状态。

我的package.json内容是

{
  "name": "find-geeks",
  "version": "1.0.0",
  "description": "social media for developers, quite same as Linkedin.",
  "main": "server.js",
  "scripts": {
    "client-install": "npm install --prefix frontend",
    "start": "node server.js",
    "server": "nodemon server.js",
    "client": "npm start --prefix frontend",
    "dev": "concurrently \"npm run server\" \"npm run client  \"",
    "heroku-postbuild": "NPM_CONFIG_PRODUCTION=false npm install --prefix frontend && npm run build --prefix frontend"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/ganesh-deshmukh/connect-geeks.git"
  },
  "author": "Ganesh Ashok Deshmukh",
  "license": "MIT",
  "bugs": {
    "url": "https://github.com/ganesh-deshmukh/connect-geeks/issues"
  },
  "homepage": "https://github.com/ganesh-deshmukh/connect-geeks#readme",
  "dependencies": {
    "bcryptjs": "2.4.3",
    "body-parser": "1.18.2",
    "concurrently": "3.5.1",
    "express": "4.16.3",
    "gravatar": "1.6.0",
    "jsonwebtoken": "8.2.0",
    "mongoose": "5.4.0",
    "passport": "0.4.0",
    "passport-jwt": "4.0.0",
    "validator": "9.4.1"
  },
  "devDependencies": {
    "nodemon": "1.17.3"
  }
}

编辑1：

我尝试通过localhost-server在移动屏幕上的URL http://192.168.43.171:3000/进行调试，