React打包后,在NodeJS Express服务器中,前端JS失效问题
本文前端:react为基础的Ant Design套件,官方地址:Ant Design
本文后端:Node.JS Express服务器
问题
在使用npm run build
之后,得到压缩之后的release版本js及css代码。
将此压缩代码,放置于后端的服务器中,使其成为 静态资源 被HTML页面引用加载。
但出现问题,现象如下:
- 引用打包后的JS文件不完全起效,执行第一句
console.log
有效,但大部分的js托管的页面加载都无效 - HTML端能够看到引用的打包后的JS及CSS,文件无异常
- 没有产生JS错误
- 由于页面没有被js控制,因此完全失控
情况及解决
由于在前端独立编译运行时,前端显示功能正常,所以,不是前端的webpack的问题,也不是前端的代码问题。
由于本文为了前后端分别开发、联合调试,因此,后端允许了跨域的方式,其在app.js中的实现方式: