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

最新推荐文章于 2024-09-03 10:15:06 发布
最新推荐文章于 2024-09-03 10:15:06 发布
阅读量7.4k 收藏 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的柠宝
关注
专栏目录
前端系列总结-框架篇（1）Create-React-App
a1v0id的博客
07-12 372
前端系列总结-框架篇（1）Create-React-Appcreate-react-app的介绍、安装和使用安装和使用项目的目录结构项目的个性化配置添加项目路径别名接口代理转发在HTML模板中动态插入js文件利用public静态目录插入项目中添加动态的js文件 create-react-app的介绍、安装和使用 create-react-app是React团队推出的一款用于生成react项目的脚手架工具，可以实现零配置开发react的单页面应用。 安装和使用 一般来说都是使用npm全局安装，前提条件是已经配
解决 Electron + React 白屏
RGBBB的博客
12-23 1968
解决 Electron + React 白屏
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 实际是我配的路由，所以推测文件.
react部署后接口请求返回You need to enable JavaScript to run this app
m0_54849873的博客
03-01 3043
前端项目react + 后端jar + nginx部署 一. 问题 项目部署后，页面能正常访问，本机也能ping通服务器，后端jar也正常运行。 唯一不对劲的地方是，接口请求失败，且接口返回值为 You need to enable JavaScript to run this app. 二. 解决 因为前端调用了多个后端服务，有几个端口，所以在前端做了接口代理。 但是前端部署到nginx后，nginx又对前端做了代理，个人猜测是nginx无法对前端中的接口做二次代理，于是导致出现这个问题。 知道了问题
postman访问报错You need to enable JavaScript to run this app.
最新发布
weixin_56956972的博客
09-03 669
当你在 Postman 中访问接口时出现 You need to enable JavaScript to run this app. 的误，但浏览器访问同样的接口却可以正常工作，这通常是因为 Postman 和浏览器在处理请求的方式上有区别。需要将整个cookie复制到postman,而不是只复制部分cookie(token)
You need to enable JavaScript to run this app.
Cappuccino_Luo的博客
05-12 3832
You need to enable JavaScript to run this app.
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 6786
生成的HTML测试报告显示格式不对,或者无法展开 1)解决办法:系统管理->脚本命令行->执行命令:System.setProperty("hudson.model.DirectoryBrowserSupport.CSP", "") 2)我使用的是chrome浏览器,重新构建后,查看新生成的报告格式正确 转载于： jenkins运行脚本生成HTML报告时遇到的问题_weixin_30593443的博客-CSDN博客 2.job中构建后操作的配置 1)HTML director
浏览器访问报You need to enable JavaScript to run this app.
10-27
当浏览器访问一个使用React框架写的项目时，如果出现了静态资源显示 "You need to enable JavaScript to run this app." 的情况，通常是因为浏览器无法正确加载React应用程序所需的JavaScript文件。这可能是由于路由...
react入门（第一篇）
qq_39735633的博客
08-07 435
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 ...
前端学习-React基础
旱鸭子
10-02 224
安装React npm install -g create-react-app 创建一个React项目 create-react-app demo ..... npm start Hello React 删除src下的文件,重写,hello world才是第一步! 新建一个index.js,引入react的包. import React from 'react' import ReactDo...
【alist】alist访问出现白板空白页面，提示 You need to enable JavaScript to run this app.
weixin_42497594的博客
02-29 1061
alist访问出现白板空白页面，提示 You need to enable JavaScript to run this app.
react在ant-design-pro的基础上,打包部署页面为空白怎么办?
m0_70947033的博客
01-22 700
在config.ts中加base和publicPath。这个路径要是你部署上线的路径。
python爬虫自学-自己挖坑-自己跳-同时跳别人的
weixin_43159653的博客
01-18 8139
爬虫 自学
以create-react-app为基础创建项目
11-07 2万+
写在前面只是吐槽一下，react的项目构建工具真的不怎么好用，而vue-cli体验要好得多。不仅如此，vue的设计理念更加人性化一点，而且全家桶用起来也没有react那么蹩脚，甚至配套的UI框架，elementUI与ant-design比起来，用着也更舒服。总之！个人是偏向vue的，什么大项目用react，vue只适合小项目什么的论调，笔者是表示怀疑的。吐槽完了，该学还得学，毕竟这个时代，你不会r...
Docker minio 的安装
qq_44924407的博客
07-24 1580
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
服务器部署项目之后data返回的内容为index.html
weixin_43362779的博客
07-10 539
在本地运行前后端没有任何问题，服务器上又只修改了nginx，那大概率就是nginx配置时的问题，事实上确实是nginx配置的问题，nginx配置中一开始我写了两个server，我将两个server放在一起之后，便解决了此问题。将前后端项目放在服务器，前端build之后，使用nginx部署前端，使用了nginx代理后端接口，并进行转发，在配置完nginx后发现，前端浏览器中调用接口显示status为200，但是返回的data为build后的index.html，实际上我需要的是调用接口得到的json数据。
【React】01-React 入门到放弃系列
legendaryhaha的博客
01-03 1220
由于捣鼓一些项目需要用到React，找了一些文档入门实践了一番。本篇文章以一个学生成绩录入的表单为例子，记录React 入门的一些基础操作。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

不写bug的柠宝

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

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

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

打赏作者

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

抵扣说明：

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

余额充值