基于vite构建的uniapp项目运行到H5端报错：[vite] URI malformed的解决方案

基于vite构建的uniapp项目运行到H5端报错：[vite] URI malformed的解决方案

1.背景描述

• 最近搭建的基于vue3+vite2的uniapp项目在微信小程序端运行是正常的，但是运行到H5端就出现了报错：
• [vite] URI malformed

解决方案

• 第一种情况：在url链接中，如果包含有中文字符的参数，那么在传输前会被编码（如： %20BASE_URL%20%%3 等），浏览器对其不能正常解析，解决方式如下：

• 
  // 执行如下操作：
  const data = encodeURIComponent(JSON.stringify(rowData))
  if(data.indexOf('%') > -1) {
      data = data.replace(/%/g, '%25');
  }
  uni.navigateTo('/pages/index?data=' + data)
  
  

• 第二种情况：检查项目，看是否引用了不存在的文件（如：link，script标签等），如果有就删除掉就好了。