Reactjs:网站无法加载嵌套(在'pages'文件夹内).jsx页面

eoigrqb6  于 2022-12-29  发布在  React
关注(0)|答案(2)|浏览(117)

我正在建立一个ReactJS网站,在网页文件夹中,我有默认:home.jsx和其他。但是,为了保持它的结构,我把较少使用的网站内的文件夹在网页文件夹。
虽然这在我的本地服务器(npm start)上工作,但当我运行npm build并上传到Hostinger(我的托管服务)时,我在尝试访问该页面时遇到错误。
我放了一些截图来帮助你更好地理解...
第一节第一节第一节第一节第一节第二节第一节

任何帮助都是非常感谢的,提前感谢你!!

332nm8kg

332nm8kg1#

试试这个

<Route path="/Sem1" element={<div />}>
  <Route path="/Mathematics" element={<Mathematics />} />
  <Route path="/statistics" element={<Statistics />}/>
  <Route path="/GBA" element={<GBA />}/>
</Route>
pqwbnv8z

pqwbnv8z2#

对我有效的解决方案:
在运行npm run build并将build文件的内容上载到Hostinger之后,我向父目录添加了另一个文件.htaccess,其中包含......

RewriteBase /
RewriteRule ^index\.html$ - [L]
 RewriteCond %{REQUEST_FILENAME} !-f
 RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]

据我所知,这告诉服务器使用index.html文件作为主要的"操作基础",因为缺少更好的单词XD

相关问题