生产服务器中“网络”选项卡上的404错误本地代码200在前端使用React js

编程问答 2022-08-15

问题描述

我正在使用 React.js 在前端。 代码在完美的流程中运行，在使用流程时不会显示任何错误。


但是“网络”选项卡在生产模式下显示页面404错误。 但是它在网络选项卡中的代码为200的本地服务器上工作正常。

这会影响网站的优化，并且 google Ads无法运行，因为页面上仍然存在404错误。

注意：该错误显示在除主页以外的所有页面上。

下面分别是“生产”和“本地”的“网络”标签的屏幕截图。

[生产模式网络标签显示404的暂停使用期限]

enter image description here

[本地服务器网络选项卡显示200的暂停时间]

enter image description here

控制台显示此错误
[浏览器上控制台的屏幕截图]

enter image description here



单击具有404错误的文件时 它向我显示了我的react应用程序的index.html中的代码，在前面带有红叉。

说

无法加载资源
[控制台日志屏幕截图]

enter image description here

[显示有404错误的index.html文件的控制台日志屏幕截图]

enter image description here

package.json中的脚本

{
 "scripts": {
   "start": "react-scripts start","build": "react-scripts build","test": "react-scripts test","eject": "react-scripts eject","scss": "node-sass --include-path ./src --include-path ./node_modules src/ -o src/","sitemap": "babel-node src/sitemap/generator.js"
 },"eslintConfig": {
   "extends": "react-app"
 },"browserslist": {
   "production": [
     ">0.2%","not dead","not op_mini all"
   ],"development": [
     "last 1 chrome version","last 1 firefox version","last 1 safari version"
   ]
 },"devDependencies": {
   "babel-register": "^6.26.0","redux-devtools": "^3.5.0"
 }
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

http-status-code-404javascriptpackage.jsonreact-reduxreactjsreactjs