引入环境变量报错Error parsing JavaScript expression: import.meta may appear only

vue3项目中引入环境变量似乎不能在v-bind中引入

可以先在script标签里引入env对象,再在v-bind中使用用env对象拿对应属性即可

举个例子,我要根据环境切换img的路径,变量VITE_APP_ENV_IMG在dev环境为/src,在prod环境为空字符串

<img :src="env.VITE_APP_ENV_IMG + item.src" />

<script setup>
const env = import.mata.env
</script>