vue-cli3多页面开发，某个单页需要用router，使用html5的history模式，页面打开空白

Question

vue.config.js

module.exports = {
    baseUrl: process.env.NODE_ENV === 'production' ? '' : '/',
    outputDir: 'dist',
    assetsDir: 'assets',
    productionSourceMap: false,
    filenameHashing: false,
    lintOnSave: true,
    pages,
    devServer: {
        historyApiFallback: true,
        overlay: {
            warnings: true,
            errors: true
        },
        open: true,
        hotOnly: false
    }
}

文件夹目录

此时在pages中experience单页中需要跳转页面，使用router路由，router.js配置如下

启动服务后，浏览器输入地址http://localhost:8080/experience.html页面显示空白，如果不使用history模式，页面可正常访问；
应该是路径的问题，求大神帮忙看下，哪里的路径有问题？

Answer 1

/experience.html

这个你没有配置路由

Answer 2

http://localhost:8080/ 使用这个方式访问的路由都需要在router.js配置

Answer 3

请问一下有解决方法吗？我也遇到了同样的问题，我现在把 router-view 删了 然后换成组件放到了App.vue 里面，但这样就实现不了单面的路由跳转，有解决方法告知一下呗

Answer 4

我也遇到这个问题了，解决了链接描述