I dynamically added a route and then an error was reported. The code for adding dynamic routing is as follows. Data is the data obtained from the background. I wrote a 404 page myself, and path: '/404' did not have this error.

data.permission = [{
    path: '/index',
    name: 'index',
    component: './../views/layout/index'
}]
this.$router.addRoutes(data.permission)

Then the following error is reported, please solve it

Uncaught (in promise) Error: [vue-router] route config "component" for path: /index cannot be a string id. Use an actual component instead.