在CPanel上部署Node.js React App - '无法加载资源：服务器响应状态为404（）'

Question

我将我的构建文件夹上传到CPanel public_html文件夹，但当我进入域'https://domain-name/build/'时，我只是得到一个空白页面。当我查看页面源时，存在“无法加载资源错误：服务器响应状态为404（）”的静态js和css文件。任何帮助都非常感谢。

Answer 1

看起来你是从一个子目录服务你的应用程序，这是/build。要使其工作，您必须让前端构建器知道您在子目录中为您的应用程序提供服务。请执行以下操作以使其正常工作，我假设您使用的是create-react-app，

1. 首先，在您的路线中添加basename属性，

   <Router basename={'/build'}>
     {/* your Route config */}
   </Router>

2. 将homepage属性更新为package.json文件， "homepage": "https://yourdomain/build",
3. 还要更新路由

   <Router basename={'/build'}>
     <Route path={`${process.env.PUBLIC_URL}/`} component={Home} />
   </Router>

   process.env.PUBLIC_URI变量将在构建时间由homepage替换。
4. 更改反应to组件中所有出现的Link属性 <Link to={`${process.env.PUBLIC_URL}/page`}> ... </Link>

现在，您的应用程序应该在https://yourdomain/build下工作。