nginx 部署vue3项目 动态路由获取不到的

问题背景：

        vue3项目从后端获取路由信息并组建动态路由，在本地和后端联调好好的，放到nginx上报了o.then is not a function。因为代码是压缩过的，所有即使我在服务器上打断点调试也不能定位问题，按惯例我猜想它是什么东西没获取到、往往后面调用的时候会报这个。

        这个时候我发现本地F12报了这样一个警告：

[Vue Router warn]: Component “default“ in record with path “/dashboard“ is a function that does not return a Promise.If you were passing a functional component ,make sure to add a "displayName" to the component. This will break in production if not fixed.

看啦应该是服务器没获取到我的dashboard组件，标红的部分给了我灵感，我在引入组件的地方加了promise：

---

import dashboard from '@/views/dashboard.vue'
....
 {
   meta: {
     title: '首页',
     hidden: true
     },
     path: '/dashboard',
     name: 'dashboard',
     //原引入方式
     //component: () => dashboard
     //新引入方式
     component: () => Promise.resolve(dashboard)
 },

问题解决！

总结：

1、出现问题时记得看控制台，即使它不是错误，而是一个警告。

2、你可以参考控制台，但不可以完全按它的意思，按上面警告信息，看起来像是组件缺少一个名字，但显然不是！

3、服务器上异步加载组件可以用Promise解决！