62 lines
2.0 KiB
TypeScript
62 lines
2.0 KiB
TypeScript
// 插件用于处理静态生成模式下的图片CDN路径
|
||
import { defineNuxtPlugin } from '#app'
|
||
|
||
export default defineNuxtPlugin(() => {
|
||
// CDN基础URL
|
||
const cdnBaseUrl = 'https://cdn.web.0rui.cn/'
|
||
|
||
// 创建一个全局方法用于转换图片路径
|
||
return {
|
||
provide: {
|
||
// 转换图片路径为CDN路径
|
||
cdnImage: (path: string) => {
|
||
// 如果路径已经是完整的URL，则直接返回
|
||
if (path.startsWith('http://') || path.startsWith('https://')) {
|
||
return path
|
||
}
|
||
|
||
// 判断是否为图片资源
|
||
const isImage = /\.(jpg|jpeg|png|gif|svg|webp)$/i.test(path)
|
||
if (!isImage) {
|
||
return path // 非图片资源直接返回原路径
|
||
}
|
||
|
||
// 处理以public开头的路径
|
||
if (path.startsWith('public/')) {
|
||
return `${cdnBaseUrl}${path.replace('public/', '')}`
|
||
}
|
||
|
||
// 处理以/public开头的路径
|
||
if (path.startsWith('/public/')) {
|
||
return `${cdnBaseUrl}${path.replace('/public/', '')}`
|
||
}
|
||
|
||
// 处理以img/开头的路径
|
||
if (path.startsWith('img/')) {
|
||
return `${cdnBaseUrl}${path}`
|
||
}
|
||
|
||
// 处理以/img开头的路径
|
||
if (path.startsWith('/img/')) {
|
||
return `${cdnBaseUrl}${path.substring(1)}`
|
||
}
|
||
|
||
// 处理以_nuxt开头的路径
|
||
if (path.startsWith('/_nuxt/')) {
|
||
// 提取_nuxt后面的路径部分
|
||
const pathWithoutPrefix = path.replace('/_nuxt/', '')
|
||
// 如果路径包含img/，保留该结构
|
||
if (pathWithoutPrefix.includes('img/')) {
|
||
return `${cdnBaseUrl}${pathWithoutPrefix}`
|
||
} else {
|
||
// 否则添加img/前缀
|
||
return `${cdnBaseUrl}img/${pathWithoutPrefix}`
|
||
}
|
||
}
|
||
|
||
// 其他情况，直接拼接CDN基础URL和路径
|
||
return `${cdnBaseUrl}img/${path}`
|
||
}
|
||
}
|
||
}
|
||
}) |