nuxt.js mp3等格式的做处理nuxt.js

  config.module.rules.push({
        test: /\.vue$/,
        include: [path.resolve(__dirname, 'assets/icons')],
        loader: 'vue-loader',
        options:{
          // transformToRequire:[{audio: 'src'}]
        }
      })
     // Run ESLint on save
     const vueLoader = config.module.rules.find((loader) => loader.loader === 'vue-loader');
     /* 把audio标签在编译时转成src属性 */
      vueLoader.options.transformToRequire = {
        audio: 'src'
      };
      /* 对mp3等格式的文件用url-loader进行处理 */
      config.module.rules.push({
        test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: 10000,
          esModule: false,   // 这句话是重点
          name: process.env.NODE_ENV === 'production'
            ? path.posix.join('./', 'media/[name].[hash:7].[ext]')
            : path.posix.join('./', 'media/[name].[hash:7].[ext]')
        }
      });

nuxt.js 自己本身并没有对.mp3格式的做处理 需要自己nuxt.config.js 下载 url-loader 做配置

给大家推荐一个 免费的素材网 免费ppt 免扣图等  觅图网