Vite.js 动态图像加载在生产中失败

Question

我在生产模式下导入动态资产时遇到问题。 当我运行开发环境时，一切正常并且资产加载......但是当我构建Vue.js<\/code>应用程序时，资产不会加载，并且出现以下错误： TypeError: URL constructor: ..\/..\/..\/assets\/images\/name.png is not a valid URL.<\/code> 我该如何解决这个问题？

Vue 示例<\/h3>

 Vite.js 配置<\/h3>
export default defineConfig({ root: '.\/', resolve: { alias: { '\/@\/': path.resolve(__dirname, 'src') }, }, publicDir: 'assets', mode: 'production', build: { outDir: 'dist', sourcemap: true, target: ['es2019', 'safari11', 'firefox60', 'chrome61', 'node12'], chunkSizeWarningLimit: 500, minify: false, emptyOutDir: true, assetsInlineLimit: 2048, rollupOptions: { output: { entryFileNames: `assets\/[name].js`, chunkFileNames: `assets\/[name].js`, assetFileNames: `assets\/[name].[ext]`, manualChunks(id) { if (id.includes('vue')) { return 'react'; } else if (id.includes('node_modules')) { return 'vendor'; } }, }, } }, plugins: [ vue(), legacy({ polyfills: ['es.promise.finally', 'es\/map', 'es\/set'], modernPolyfills: ['es.promise.finally'] }) ], })<\/code><\/pre>
 注意：在开发中一切正常，只是在生产中失败......<\/strong>
"

Answer 1

资产是您的公共目录。 根据文档，它应该只是\/assets\/images\/banks<\/code>吗？

"