vite打包部分页面不显示问题+图片不显示问题

1、通过vite打包后部分页面不显示：

原因是路由写法存在错误，如下图

解决办法：
修改路由采用上图的第一个写法

2、图片不显示：

2.1、变量中相对路径引入，文件找不到

好多时候，我们使用是svg都是动态的，就会有不同的src，这时，src就需要是一个动态的变量。我们按常规配置：

const productList = {
  logo: '../assets/svg/xxx.svg',
}

<img :src="item.logo" style="width: 20px; "/>

上面这样使用，在本地都是找不到文件的。
但是直接在模板中这样使用是可以的

 <img src="../assets/svg/xxx.svg" style="width: 20px; "/>

解决办法：
先import 导入图片，再使用

import tip0 from '@/assets/common/tip0.png'