vue项目打包运行在服务器后样式空白了，怎么改？

这是我在vue项目打包时遇到的坑，我成功上岸了，想记录下，如果能帮到你，再开心不过了，废话不多说了，看下图：

如图，这是我的vue项目的运行依赖，其中显示在项目运行时vue-router使用的是 3.1.6 版本的，但是通过 webpack 的 externals 节点，来配置并加载外部的 CDN 资源的时候就猜到坑了。如图下：
这里的index.html文件加载的是跟运行依赖版本相同的 vue-router ,但是别高兴太早，你按住 ctrl 键，点击该链接回跳到如下页面：
惊不惊喜，反正我觉得挺意外的。原来cdn那没有 vue-router 的最新版本，解决办法：适当降低 vue-router 的版本，如下图：

将版本降到 3.1.3 后，再按住 ctrl 键，点击链接，结果如下：

嗯，版本3.1.3 可以加载的，也就是 cdn 可以导入的版本。修改完保存，我的项目就运行成功了。这是我的第一篇博客，不喜勿喷，哈哈。