基于Vue的前端微服务-页面刷新404问题解决

最近做的数据资产项目中，使用了前端微服务，各个子微服务能够独立运行，注册到父工程后也能够成为父工程的一个模块，集成之后出现刷新页面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文件