Deployment problems after the completion of the vue project

build: {

env: require("./prod.env"),
index: path.resolve(__dirname, "../dist/index.html"),
assetsRoot: path.resolve(__dirname, "../dist"),
assetsSubDirectory: "static",
assetsPublicPath: "/",
productionSourceMap: true,
productionGzip: false,
productionGzipExtensions: ["js", "css"]

}

assetsPublicPath:"/", should be the path to set static resources, right? It has nothing to do with index.html "s position, does it?
the problem now is that when I access the index.js in the root directory of the server, the page is normal, but when I open it in another location, it is blank, and there is no error. How to solve this problem?
in addition, how to configure the html generated after, npm run build to be accessed locally?

answer: in the new scaffolding, a distinction has actually been made between the assetsPublicPath of the production environment and the local environment

build: {

env: require("./prod.env"),
index: path.resolve(__dirname, "../dist/index.html"),
assetsRoot: path.resolve(__dirname, "../dist"),
assetsSubDirectory: "static",
assetsPublicPath: "/XXX/",  // 
...

},
dev: {

env: require("./dev.env"),
port: 8080,
assetsSubDirectory: "static",
assetsPublicPath: "/",
...

}

Jul.06,2021
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1ea91c2-1f2c.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1ea91c2-1f2c.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?