Question

我在nginx服务器上通过dockerize运行react app。

{
  "name": "react-app",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "axios": "^0.18.0",
    "bootstrap": "^4.0.0-alpha.6",
    "react": "^16.2.0",
    "react-axios": "^2.0.0",
    "react-dom": "^16.2.0",
    "react-router-dom": "^4.2.2",
    "react-scripts": "1.1.1"
  },
  "scripts": {
    "start": "react-scripts start",
    "build-window": "react-scripts build && del ../server/dist && move build ../server/dist",
    "build-linux": "react-scripts build && rm -rf ../server/dist && mv build ../server/dist",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  },
  "homepage": "/myapp/"
}

如果我没有放入主页，我可以在本地运行，但在ngInx服务器中，css和js文件正在给404.

下面是在ngInx服务器中为css https://XXXXXXXXXXXXXXXX/static/css/main.9a46c0ad.css而没有上下文路径的路径

如果我输入主页，我会收到“Uncaught SyntaxError：Unexpected token＆lt;”错误。但在网络选项卡中，我看到所有js和css文件正在正确加载..

你能帮助我吗，我必须集中精力解决这个问题

Answer 1

不要将您的上下文根放在package.json中。构建应用程序时，可以在构建脚本中提供base-href。在构建脚本中添加--base-href=/myapp/。这将在index.html中添加基本href

package.json gving错误中的主页条目

1 个答案: