Vue访问Public文件夹全过程

http://localhost:8081/media/testHuawei.c4367207.mp4

     publicPath: process.env.BASE_URL

1.mp4
2.mp4
3.mp4

http://localhost:8081/1.mp4
http://localhost:8081/2.mp4
http://localhost:8081/3.mp4

<img src="./assets/images/01.jpg" alt=""> // √
// 编译后:
<img src="/img/01.f0cfc21d.jpg" alt="">

<img :src="require('./assets/images/03.jpg')" alt=""> // √
<img :src="require('./assets/images/'+ this.imgName +'.jpg')" alt=""> // √
<img :src="img3" alt=""> // √
<script>
export default:{
    data(){
        return {
          imgName:'03.jpg',
          img3:require('./assets/images/03.jpg'),
        }
      },
}
</script>
// 编译后:
<img src="/img/03.ea62525c.jpg" alt="">

<img :src="this.publicPath + 'i.jpg'" alt=""> // √
// 编译后:
<img src="/foo/i.jpg" alt="">
<script>
export default:{
    data(){
        return {
          publicPath: process.env.BASE_URL,
        }
    },
}
</script>

//vue.config.js
module.exports = {
    publicPath:'/foo/',
    ...
}