React打包后,在NodeJS Express服务器中,前端JS失效问题

React打包后,在NodeJS Express服务器中,前端JS失效问题

本文前端:react为基础的Ant Design套件,官方地址:Ant Design
本文后端:Node.JS Express服务器

问题

在使用npm run build之后,得到压缩之后的release版本js及css代码。
将此压缩代码,放置于后端的服务器中,使其成为 静态资源 被HTML页面引用加载。
但出现问题,现象如下:

  1. 引用打包后的JS文件不完全起效,执行第一句console.log有效,但大部分的js托管的页面加载都无效
  2. HTML端能够看到引用的打包后的JS及CSS,文件无异常
  3. 没有产生JS错误
  4. 由于页面没有被js控制,因此完全失控

JS托管页面失效

情况及解决

由于在前端独立编译运行时,前端显示功能正常,所以,不是前端的webpack的问题,也不是前端的代码问题。

由于本文为了前后端分别开发、联合调试,因此,后端允许了跨域的方式,其在app.js中的实现方式:

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值