为啥放到pages文件夹里的路径不起作用？

Question

1.我在src目录下新建了个文件夹pages用来存放组件，在pages文件夹中创建了两个文件：index.vue和content.vue
2.routes.js中配置路由部分代码如下
{path:'/pages/index',name:'index',component:index},
{path:'/pages/content',name:'content',component:content}
3.app.vue中渲染部分代码如下
按照如上的配置，页面空白，也没报错，不知道路由哪里配错了。我试过把index.vue和content.vue两个文件放到跟app.vue平级的关系，修改path:/index和path:/content，router-link那里修改成to="/index"就可以显示。所以这里我就想问问为啥放到pages文件夹里的路径不起作用？

Answer 1

{path:'/pages/index',name:'index',component:index},这里你component里的index组件在页面中引用了吗？需要先引用一下这个组件，才能写在component中。importIndexfrom'./index.vue'{path:'/pages/index',name:'index',component:Index}

Answer 2

router中的path并不是路径，而是路由，只要对应上就好，上面这哥说的没错，你的component:index，估计是没拿到index,如果import了，打包没有报错，就console一下,看看你的index是啥。