vue3+vite打包配置，绝对路径改相对路径，更改静态资源目录

1、打包后的index.html文件

相对路径：

绝对路径：

方法： 在defineConfig中添加 base: “./” (绝对路径用/)

2. 更改静态资源路径

不更改时：

更改后：

方法：配置build

完整代码

export default defineConfig({
  build: {
    rollupOptions: {
      output: {
      	// 在这里修改静态资源路径
        chunkFileNames: 'static/assets/js/[name]-[hash].js',
        entryFileNames: 'static/assets/js/[name]-[hash].js',
        assetFileNames: 'static/assets/[ext]/[name]-[hash].[ext]',
      }
    }
  },
  base: './', // 这里更改打包相对绝对路径
  minify: true, // 是否压缩代码
  sourceMap: true, // 是否生成sourceMap
  plugins: [vue(),basicSsl()],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src',
        import.meta.url))
    }
  },
  server: { // ← ← ← ← ← ←
    port: 8082,
    proxy: {
      '/rss': {
        target: ENV_URL, //要访问的地址
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/rss/, ""),
        // secure: false
      }
    },
    https:true,
    host: '0.0.0.0' // ← 新增内容 ←
  }
})

到这里就可以实现了，有问题的可以留言交流一下 ~ 有用的话点个赞呗 ~