Vue-cli, is running normally locally, but the resource cannot be found after packaging.

because of the need for the project, there are several folders and js files under my project file, and the project structure is about this

.

clipboard.png

clipboard.png

clipboard.png
and there is another error, which is probably caused by not finding the file. How should I configure

?

configuration under index.js: `build: {

env: require("./prod.env"),
// Template for index.html
index: path.resolve(__dirname, "../dist/index.html"),

// Paths
assetsRoot: path.resolve(__dirname, "../dist"),
assetsSubDirectory: "static",
assetsPublicPath: "./",

/**
 * Source Maps
 */

productionSourceMap: false,
// https://webpack.js.org/configuration/devtool/-sharpproduction
devtool: "-sharpsource-map",

// Gzip off by default as many popular static hosts such as
// Surge or Netlify already gzip all static assets for you.
// Before setting to `true`, make sure to:
// npm install --save-dev compression-webpack-plugin
productionGzip: false,
productionGzipExtensions: ["js", "css"],

// Run the build command with an extra argument to
// View the bundle analyzer report after build finishes:
// `npm run build --report`
// Set to `true` or `false` to always turn it on or off
bundleAnalyzerReport: process.env.npm_config_report

} `


you may want to pay attention to the access path on the server side. After you compile, the path on the server side is different from that on the local side

.
Menu