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
    }
}

folder directory

pagesexperiencerouterrouter.js

after starting the service, the browser enters the address http://localhost:8080/experience.html page to display a blank. If you do not use history mode, the page can be accessed normally.
should be a problem with the path. Ask God to take a look, where is the path wrong?