Javascript 如何使用vue.js访问多页面配置中的其他页面？

我一直在关注这篇文章：

我很高兴现在有多个页面。。。但是，我如何访问它？从URL:，我可以在最后设置我想要的一切，但它始终显示相同的页面

以下是我的vue.config.js：

module.exports = {
    lintOnSave: false,
    pages: {
        index: {
            entry: './src/pages/Index.js',
            template: './public/index.html',
            filename: 'index.html',
            title: 'Accueil',
            chunks: [
                'chunk-vendors',
                'chunk-common',
                'index'
            ]
        },
        test: {
            entry: './src/pages/Test.js',
            template: './public/index.html',
            filename: 'index.html',
            title: 'Test Page',
            chunks: [
                'chunk-vendors',
                'chunk-common',
                'index'
            ]
        }
    }
};

---

我重新加载了服务器，没有错误，一切正常。我想我只是错过了一些东西。

我找到了问题所在，以下是正确的解决方案：

module.exports = {
    lintOnSave: false,
    pages: {
        index: {
            entry: './src/pages/Index.js',
            template: './public/index.html',
            filename: 'index.html',
            title: 'Accueil',
            chunks: [
                'chunk-vendors',
                'chunk-common',
                'index'
            ]
        },
        sample: {
            entry: './src/pages/Sample.js',
            template: './public/index.html',
            filename: 'sample.html',
            title: 'Sample page',
            chunks: [
                'chunk-vendors',
                'chunk-common',
                'sample'
            ]
        }
    }
};

我用相同的“文件名”值命名页面。然后，“chunks”必须包含页面名称（我猜），但现在它可以工作了