Vite和Vue3引用参数不同之处

记录，后续持续完善…

图片资源

vite：new URL() + import.meta.url

   let mapPicSrc = new URL(`../../../assets/images/publish/${element.type}/${element.icon}`, import.meta.url).href;
   let div_warn = `<img src=" ${mapPicSrc}"  style="width:50px;cursor: pointer;"/>`

vue3

let div_warn =`<img src=` +
	require('@/assets/images/publish/' + element.type + '/' + element.icon) +
	` style="width:50px;cursor: pointer;"/>`;

环境数据(.env.xx)

vite
.env文件内，参数声明需以VITE_开头
.vue文件内，参数调用使用import.meta.env.VITE_APP_BASE_LAYER_URL

//.env.development文件   
NODE_ENV = 'development'
VITE_APP_BASE_LAYER_URL = '123'

//map.vue文件
const initMap = () => {
	map = new Map({
		target: mapRef.value,
		layers: [
			new TileLayer({
				source: new XYZ({
					url: import.meta.env.VITE_APP_BASE_LAYER_URL,//参数引入
					crossOrigin: 'anonymous'
				})
			})
		],
		view: new View({ projection: 'EPSG:3857', center: fromLonLat([121.31, 31.1]), zoom: 10 }),
		overlays: [],
		controls: defaults({ attribution: false, rotate: false, zoom: false })
	});
};

vue3

.env文件内，参数声明需以VUE_开头
.vue文件内，参数调用使用process.env.NODE_ENV

//.env.development文件   
NODE_ENV = 'development'
VUE_APP_BASE_PUBLISH_URL = '123'

//Home.vue文件   
onMounted(() => {
	console.log('当前环境:' + process.env.NODE_ENV);
});