Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 配置VueJS页面(vue.config.js中的多个页面)MPA_Javascript_Vue.js_Vuejs2_Vue Router_Multi Page Application - Fatal编程技术网

Javascript 配置VueJS页面(vue.config.js中的多个页面)MPA

Javascript 配置VueJS页面(vue.config.js中的多个页面)MPA,javascript,vue.js,vuejs2,vue-router,multi-page-application,Javascript,Vue.js,Vuejs2,Vue Router,Multi Page Application,我正在使用管理端和客户端制作一个MPA 为此,我需要配置vue.config.js。 我在文档中发现,我需要为每一页创建一个对象。 () 这些是矿井: module.exports = { pages: { admin: { entry: 'src/Admin/main.js', template: 'public/admin.html', filename: 'admin.html', title: 'Admin Page',

我正在使用管理端和客户端制作一个MPA

为此,我需要配置vue.config.js。 我在文档中发现,我需要为每一页创建一个对象。 () 这些是矿井:

module.exports = {
  pages: {
    admin: {
      entry: 'src/Admin/main.js',
      template: 'public/admin.html',
      filename: 'admin.html',
      title: 'Admin Page',
      chunks: ['chunk-vendors', 'chunk-common', 'admin']
    },
    index: {
      entry: 'src/Client/main.js',
      template: 'public/client.html',
      filename: 'client.html',
      title: 'Client Page',
      chunks: ['chunk-vendors', 'chunk-common', 'client']
    },
  },
}
该配置的问题是Vue将“索引”作为子页面

我想访问以下页面:localhost:8080/。但它只加载client/main.js访问localhost:8080/index/

我应该如何配置vue.config.js,以便对localhost:8080/使用一个main.js,对localhost:8080/admin使用另一个main.js/

“头衔”和“卡盘”是什么意思?我只是从官方文件上抄的


谢谢!我修好了。但现在我的问题不同了。我无法访问 根本地主机的站点:8080/。它需要使用路径 本地主机:8080/索引

我也有同样的问题,常规应用程序没有在根目录下提供,在文档中找不到任何内容。当我将
索引
页面键重命名为其他名称时(在下面的例子中是
客户端
),主应用程序在根目录下可用:
localhost:port/

module.exports = {
  pages: {
    client: {
      entry: 'src/Client/main.js',
      template: 'public/client.html',
      filename: 'client.html',
      title: 'Client Page',
      chunks: ['chunk-vendors', 'chunk-common', 'client']
    },
    admin: {
      entry: 'src/Admin/main.js',
      template: 'public/admin.html',
      filename: 'admin.html',
      title: 'Admin Page',
      chunks: ['chunk-vendors', 'chunk-common', 'admin']
    }
  }
}

谢谢!我修好了。但现在我的问题不同了。我无法访问 根本地主机的站点:8080/。它需要使用路径 本地主机:8080/索引

我也有同样的问题,常规应用程序没有在根目录下提供,在文档中找不到任何内容。当我将
索引
页面键重命名为其他名称时(在下面的例子中是
客户端
),主应用程序在根目录下可用:
localhost:port/

module.exports = {
  pages: {
    client: {
      entry: 'src/Client/main.js',
      template: 'public/client.html',
      filename: 'client.html',
      title: 'Client Page',
      chunks: ['chunk-vendors', 'chunk-common', 'client']
    },
    admin: {
      entry: 'src/Admin/main.js',
      template: 'public/admin.html',
      filename: 'admin.html',
      title: 'Admin Page',
      chunks: ['chunk-vendors', 'chunk-common', 'admin']
    }
  }
}

问题是您对两个页面使用相同的
文件名
。不要那样做,谢谢!我修好了。但现在我的问题不同了。我无法访问根localhost:8080/的站点。它需要使用localhost:8080/indexHad路径来解决相同的问题,但找不到解决方案,所以我只使用了“索引”页面作为站点根目录。问题是您对这两个页面使用了相同的
filename
。不要那样做,谢谢!我修好了。但现在我的问题不同了。我无法访问根localhost:8080/的站点。它需要使用localhost:8080/indexHad路径来解决同样的问题,但找不到解决方案,所以我只使用“index”页面作为站点根。