nuxt中图片资源动态绑定

图片目录

设置环境变量用来存储地址

xx.env文件中

BASE_URL='localhost:3000' // 服务提供的地址，这里采用nuxt默认的3000端口

声明与使用

const baseUrl = process.env.BASE_URL || '/';
const swiperList = [
  {
    img: `${baseUrl}image/car2.jpg`,
  },
  {
       img: `${baseUrl}image/car4.jpg`,
  },
  {
    img: `${baseUrl}image/car.jpeg`,
  },
  {
    img: `${baseUrl}image/car3.jpg`,
  },
];

 <img v-for="(swiper, index) in swiperList" :src="swiper.img" >