最近做的数据资产项目中,使用了前端微服务,各个子微服务能够独立运行,注册到父工程后也能够成为父工程的一个模块,集成之后出现刷新页面404的问题,经过两天的研究,对js的加载执行也有了更深入的了解。解决思路:
1.js文件加载顺序执行,前面的script标签先加载,后面的后加载
2.js文件加载后立即执行或编译,后面的js文件可以调用前面js文件中的对象
3、整个过程是同步的,但是当方法中出现ajax请求,则会打乱顺序,出现异步,这是个掩藏点,容易忽略
4、js加载执行过程中,dom树会停止渲染,应为js可能会对dom进行操作修改
5、在vue的main.js中判断,是否在加入到父工程中,如果是则暴露子工程的页面组件,如果不是,则new 子模块Vue对象
6、在index.html中加入需要引入的js及css文件,位置要在父工程编译后的js文件之前
7、将父工程编译方式修改为,去除代码分割,只生成一个js文件