| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647 |
- /**
- * 이미지 URL 헬퍼 composable
- */
- export const useImage = () => {
- const config = useRuntimeConfig()
- /**
- * 이미지 상대 경로를 절대 URL로 변환
- * @param {string} path - 이미지 상대 경로 (예: "/uploads/images/abc.jpg")
- * @returns {string} - 전체 URL (예: "http://gojinFORDKOREA.mycafe24.com/uploads/images/abc.jpg")
- */
- const getImageUrl = (path) => {
- if (!path) return ''
- // 이미 전체 URL인 경우 그대로 반환
- if (path.startsWith('http://') || path.startsWith('https://')) {
- return path
- }
- // 상대 경로인 경우 imageBase 붙이기
- const imageBase = config.public.imageBase
- return `${imageBase}${path}`
- }
- /**
- * 미디어 파일(이미지, 비디오) 상대 경로를 절대 URL로 변환
- * @param {string} path - 미디어 파일 상대 경로 (예: "/images/abc.jpg")
- * @returns {string} - 전체 URL (예: "http://FORDKOREA.interscope.co.kr/images/abc.jpg")
- */
- const getMediaUrl = (path) => {
- if (!path) return ''
- // 이미 전체 URL인 경우 그대로 반환
- if (path.startsWith('http://') || path.startsWith('https://')) {
- return path
- }
- // 상대 경로인 경우 mediaBase 붙이기
- const mediaBase = config.public.mediaBase
- return `${mediaBase}${path}`
- }
- return {
- getImageUrl,
- getMediaUrl
- }
- }
|