Mr.April
d84d972e73
主要变更： 1. 重构API目录结构，采用模块化设计，适配5.x后端接口规范 2. 优化布局组件，提升用户界面体验 3. 增强国际化支持，完善多语言配置 4. 新增权限控制功能，支持前端路由权限管理 5. 优化认证流程，支持JWT认证机制 6. 新增中间件和插件，提升系统扩展性 7. 优化状态管理，采用更清晰的模块化设计 8. 新增搜索框、广告等组件，丰富页面功能 9. 更改包管理工具从npm到pnpm，提升依赖管理效率 10. 完善配置系统，支持多环境配置 适配5.x后端特性： - 采用新的API接口规范 - 支持JWT认证机制 - 适配后端权限控制体系 - 支持后端国际化接口 - 优化数据交互方式
89 lines
2.0 KiB
TypeScript
89 lines
2.0 KiB
TypeScript
/**
|
|
* URL 处理工具
|
|
*/
|
|
import { useRuntimeConfig } from 'nuxt/app'
|
|
|
|
/**
|
|
* 获取基础URL
|
|
*/
|
|
const getBaseUrl = () => {
|
|
const config = useRuntimeConfig()
|
|
return config.public.VITE_API_BASE_URL || ''
|
|
}
|
|
|
|
/**
|
|
* 将后端返回的绝对URL转换为相对URL或当前环境的URL
|
|
* @param url 后端返回的URL
|
|
* @returns 适配当前环境的URL
|
|
*/
|
|
export function normalizeUrl(url: string): string {
|
|
if (!url) return ''
|
|
|
|
// 如果是相对路径，直接返回
|
|
if (!url.startsWith('http://') && !url.startsWith('https://')) {
|
|
return url
|
|
}
|
|
|
|
try {
|
|
const urlObj = new URL(url)
|
|
const baseUrl = getBaseUrl()
|
|
|
|
// 如果配置了基础URL，替换域名
|
|
if (baseUrl) {
|
|
const baseUrlObj = new URL(baseUrl)
|
|
urlObj.protocol = baseUrlObj.protocol
|
|
urlObj.host = baseUrlObj.host
|
|
if (baseUrlObj.port) {
|
|
urlObj.port = baseUrlObj.port
|
|
}
|
|
return urlObj.toString()
|
|
}
|
|
|
|
// 否则返回相对路径
|
|
return urlObj.pathname + urlObj.search + urlObj.hash
|
|
} catch (error) {
|
|
console.error('URL解析失败:', error)
|
|
return url
|
|
}
|
|
}
|
|
|
|
/**
|
|
* 转换URL为绝对路径（用于显示）
|
|
* @param url 相对或绝对URL
|
|
* @returns 完整的URL
|
|
*/
|
|
export function toFullUrl(url: string): string {
|
|
if (!url) return ''
|
|
|
|
// 如果已经是完整URL，直接返回
|
|
if (url.startsWith('http://') || url.startsWith('https://')) {
|
|
return url
|
|
}
|
|
|
|
// 拼接基础URL
|
|
const baseUrl = getBaseUrl()
|
|
if (baseUrl) {
|
|
return baseUrl.replace(/\/$/, '') + '/' + url.replace(/^\//, '')
|
|
}
|
|
|
|
// 使用当前域名
|
|
return window.location.origin + '/' + url.replace(/^\//, '')
|
|
}
|
|
|
|
/**
|
|
* 将完整URL转换为相对路径（用于保存到数据库）
|
|
* @param url 完整URL
|
|
* @returns 相对路径
|
|
*/
|
|
export function toRelativeUrl(url: string): string {
|
|
if (!url) return ''
|
|
|
|
try {
|
|
const urlObj = new URL(url)
|
|
return urlObj.pathname + urlObj.search + urlObj.hash
|
|
} catch (error) {
|
|
console.error('URL解析失败:', error)
|
|
return url
|
|
}
|
|
}
|