react部署上线，出现页面显示为空，预览显示：You need to enable JavaScript to run this app.

最新推荐文章于 2024-05-12 01:27:46 发布
最新推荐文章于 2024-05-12 01:27:46 发布
阅读量7k 收藏 2
点赞数 3
分类专栏： 前端 文章标签： javascript react.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40661003/article/details/125916461
版权
  1. 预览显示You need to enable JavaScript to run this app.不需要管，打包后的index.html自带的
    打包后的index.html中自带的代码
  2. 页面不显示原因：路由问题【修改BrowserRouter为HashRouter】
    将BrowserRouter路由方式改为HashRouter
  3. 在package.json中配置homepage，防止访问不到对应的打包资源
    package.json中添加homepage
不写bug的柠宝
关注
  • 3
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
python爬虫自学-自己挖坑-自己跳-同时跳别人的
weixin_43159653的博客
01-18 7786
爬虫 自学
Calculator-App:使用JavaScript库React.js进行简单的计算器开发
05-24
Create React App入门 该项目是通过引导的。 可用脚本 在项目目录中，可以运行： npm start 在开发模式下运行应用程序。 打开在浏览器中查看它。 如果您进行编辑，则页面将重新加载。 您还将在控制台中看到任何棉绒错误。 npm test 在交互式监视模式下启动测试运行器。 有关更多信息，请参见关于的部分。 npm run build 构建生产到应用程序build文件夹。 它在生产模式下正确捆绑了React，并优化了构建以获得最佳性能。 生成被最小化，并且文件名包括哈希值。 您的应用已准备好进行部署！ 有关更多信息，请参见关于的部分。 npm run eject 注意：这是单向操作。 eject ，您将无法返回！ 如果您对构建工具和配置选择不满意，则可以随时eject 。 此命令将从您的项目中删除单个生成依赖项。 相反，它将所有配置文件和传递依赖项（we
react You need to enable JavaScript to run this app.
weixin_42301445的博客
12-22 1万+
问题描述： 使用react框架写了一个项目，路由为history模式，部署到nginx之后，首页可以访问，但是路由跳转到其他界面，然后刷新一下界面，js、css等静态资源显示 You need to enable JavaScript to run this app. 问题排查： 先在浏览器的控制台上查看了一下文件的路径 发现是 http:/xxx.xxx.com/pages/static/css/main.4cb85631.chunk.css /pages 实际是我配的路由，所以推测文件.
You need to enable JavaScript to run this app.
最新发布
Cappuccino_Luo的博客
05-12 1797
You need to enable JavaScript to run this app.
React中使用fetch请求mock接口的坑，快避雷
bug收集
03-12 1342
问题： 在React 项目中，使用fetch 请求mock 接口时，报如下错误： you need to enable javascript to run this app 访问，其它接口，都是正常的     原因： 查阅了相关文档才发现：fetch不支持mock接口     解决方案： 要支持请使用fetch-mock，来请求mock接口     具体方法： 安装 npm install fetch-mock 导入 import fetchMoc
react部署后接口请求返回You need to enable JavaScript to run this app.
热门推荐
weixin_44415764的博客
07-06 4万+
前端项目react + 后端jar + nginx部署 一. 问题 项目部署后，页面能正常访问，本机也能ping通服务器，后端jar也正常运行。 唯一不对劲的地方是，接口请求失败，且接口返回值为 You need to enable JavaScript to run this app. 二. 解决 因为前端调用了多个后端服务，有几个端口，所以在前端做了接口代理。 但是前端部署到nginx后，nginx又对前端做了代理，个人猜测是nginx无法对前端中的接口做二次代理，于是导致出现这个问题。 知道了问题
html报告展示： You need to enable JavaScript to run this app.
xiaoruirui1294的博客
10-10 6662
生成的HTML测试报告显示格式不对,或者无法展开 1)解决办法:系统管理->脚本命令行->执行命令:System.setProperty("hudson.model.DirectoryBrowserSupport.CSP", "") 2)我使用的是chrome浏览器,重新构建后,查看新生成的报告格式正确 转载于： jenkins运行脚本生成HTML报告时遇到的问题_weixin_30593443的博客-CSDN博客 2.job中构建后操作的配置 1)HTML director
react部署后接口请求返回You need to enable JavaScript to run this app
m0_54849873的博客
03-01 2760
前端项目react + 后端jar + nginx部署 一. 问题 项目部署后，页面能正常访问，本机也能ping通服务器，后端jar也正常运行。 唯一不对劲的地方是，接口请求失败，且接口返回值为 You need to enable JavaScript to run this app. 二. 解决 因为前端调用了多个后端服务，有几个端口，所以在前端做了接口代理。 但是前端部署到nginx后，nginx又对前端做了代理，个人猜测是nginx无法对前端中的接口做二次代理，于是导致出现这个问题。 知道了问题
以create-react-app为基础创建项目
11-07 2万+
写在前面只是吐槽一下，react的项目构建工具真的不怎么好用，而vue-cli体验要好得多。不仅如此，vue的设计理念更加人性化一点，而且全家桶用起来也没有react那么蹩脚，甚至配套的UI框架，elementUI与ant-design比起来，用着也更舒服。总之！个人是偏向vue的，什么大项目用react，vue只适合小项目什么的论调，笔者是表示怀疑的。吐槽完了，该学还得学，毕竟这个时代，你不会r...
createreactapp.github.io:学习创建React应用程序-对create-react-app的全面介绍
05-16
8. **编译与部署**：使用`npm run build`命令，`create-react-app`将对项目进行优化并打包，生成生产环境可用的代码。 9. **自定义配置**：虽然`create-react-app`默认提供了很多配置，但如果你有特殊需求，可以...
react-To-Do-App:React.js和Firebase中的一个简单的待办应用
05-19
ReactStarter ... > cd React-To-Do-App > npm install > gulp ####不熟悉Git？#####单击然后下载.zip文件。 提取zip文件的内容，然后打开您的终端，转到项目目录，然后： > npm install > gulp
xml-to-react：将有效的XML文档转换为React元素的实用程序
02-06
XML到React将XML文档转换为React树。 自豪地建立于：先决条件该库只能在使用React版本0.13.x或更高版本的项目中使用。安装npm install --save @condenast/xml-to-react 假设您使用作为程序包管理器。用法import ...
pull-to-refresh-react：PWA React JS的“刷新”
02-05
拉到刷新React 渐进式Web应用程序的刷新（仅限移动设备）React JS 安装 npm i pull-to-refresh-react （ Turn on mobile mode ） 用法 import React , { Component } from ' react ' import PullToRefresh from " ...
【alist】alist访问出现白板空白页面，提示 You need to enable JavaScript to run this app.
weixin_42497594的博客
02-29 748
alist访问出现白板空白页面，提示 You need to enable JavaScript to run this app.
Docker minio 的安装
qq_44924407的博客
07-24 1205
minio安装一、拉取镜像二、 查看镜像三、 建立挂载文件四、 运行容器五、 查看容器查看容器查看日志查看端口六、 查看是否成功方式一:curl 127.0.0.1:9090方式二:http://ip:9090/minio/login 官网链接: http://docs.minio.org.cn/docs/ 一、拉取镜像 在安装前，要先启动docker，我第一次没配好，就关机，第二次打开忘记开docker，就很… # 启动docker [root@node3 /]# sudo service docke
苹果手机启用javascript,苹果手机里javascript
chatgpt001的博客
10-22 487
大家好，小编来为大家解答以下问题，苹果手机javascript在哪里设置，please enable javascript 苹果手机，今天让我们一起来看看吧！
react入门（第一篇）
qq_39735633的博客
08-07 413
react.js学习笔记 1、安装环境和创建项目 01）学习react前，需要安装node.js 下载稳定版安装 安装成功后，在命令行输入 node -v 和 npm -v 都会有版本信息，则说明安装成功。 02）运行该命令。创建react项目 npx create-react-app my-app 注意：在第一次运行 npx create-react-app my-app ...
<noscript>标签，一个容易被忽视却重要的标签！
weixin_42725322的博客
04-16 6148
noscript标签，一个容易被忽视却重要的标签！ 有时候打开一个web页面或者是手机端的页面，会出现大面积的空白现象，你可能以为是 CSS 的问题，折腾了半天发现不是这样？那么问题在哪里？ 后来才发现是我们之前因为某些网站的安全问题把浏览器的 Javascript 给禁用了。 大家都知道Javascript 使我们的页面变得丰富多彩，交互效果越来越强大，功能也越来越炫。但是有的网页效果完全依...
浏览器访问报You need to enable JavaScript to run this app.
10-27
当浏览器访问一个使用React框架写的项目时，如果出现了静态资源显示 "You need to enable JavaScript to run this app." 的情况，通常是因为浏览器无法正确加载React应用程序所需的JavaScript文件。这可能是由于路由配置或代理设置不正确导致的。在这种情况下，可以通过检查浏览器控制台中的错误信息来确定问题的具体原因。一般来说，这种问题可以通过正确配置路由和代理来解决。在使用nginx部署React应用程序时，需要注意配置nginx的代理设置，以确保能够正确加载React应用程序所需的JavaScript文件。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

不写bug的柠宝

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值