时间戳

首页 > 解决方案 > 如何使用 vue.js 访问多页面配置中的其他页面？

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

问题描述

我在关注这篇文章：Vue.js CLI 中的多个页面

我很高兴现在有多个页面......但是，我怎样才能访问它？从 URL ：http://localhost:8080/，我可以在最后设置我想要的一切，但它一直向我显示同一页面。

这是我的 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'
            ]
        }
    }
};

我重新加载了服务器，没有错误，一切看起来都很好。我想我只是在某个地方错过了一些东西。

标签： javascriptvue.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'
            ]
        },
        sample: {
            entry: './src/pages/Sample.js',
            template: './public/index.html',
            filename: 'sample.html',
            title: 'Sample page',
            chunks: [
                'chunk-vendors',
                'chunk-common',
                'sample'
            ]
        }
    }
};

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

推荐阅读