yangprivate-web/kdofficial
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 32 Wiki Activity

解决布局跳动问题，以及媒体文件全面转移到CDN

Browse Source
This commit is contained in:
zhcnyuyang 2025-08-24 10:47:14 +08:00
parent 06b4766c7f
commit f57b7cb2ae
4 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
scripts/uploadAssets2volOSS.ts
View File

@ -74,7 +74,10 @@ async function getAllFiles(dirPath: string, fileList: string[] = []): Promise<st
async function uploadFile(filePath: string, basePath: string): Promise<void> {
try {
// 计算相对路径作为对象键名
const key = filePath.replace(basePath, '').replace(/^\//, '');
let key = filePath.replace(basePath, '').replace(/^[\/\\]/, '');
// 将Windows路径分隔符转换为正斜杠
key = key.replace(/\\/g, '/');
const contentType = getContentType(filePath);
const fileContent = fs.readFileSync(filePath);

15
src/components/ExampleItem.vue
View File

@ -9,7 +9,8 @@ export default {
psginfo:null,
error:null,
isLoading: false,
cmsroot: '${this.$axios.defaults.baseURL}'
// cmsroot: '${this.$axios.defaults.baseURL}'
cmsroot: 'https://cdn.kdesign.top'
}
},
setup() {
@ -75,9 +76,9 @@ export default {
<template>
<div id="passageroot" class="pageroot" v-if="psginfo">
<div id="passagebanner" class="pagebanner">
<img :src="`${this.$axios.defaults.baseURL}${psginfo.mobileheadimage.url}`"
<img :src="`${this.$axios.defaults.baseCDNURL}${psginfo.mobileheadimage.url}`"
v-if="breakpoint==='xs'||breakpoint==='sm'" alt="" id="bannerimg"/>
<img :src="`${this.$axios.defaults.baseURL}${psginfo.headimage.url}`"
<img :src="`${this.$axios.defaults.baseCDNURL}${psginfo.headimage.url}`"
v-else alt="" id="bannerimg"/>
<div id="bannercontentfill"
style="width: 100%;height: 100%;
@ -119,11 +120,11 @@ export default {
<div v-for="(item, index) in psginfo.images" :key="index"
class="imglistitem"
style="width: 100%; height: auto;">
<img :src="`${this.$axios.defaults.baseURL}${item.url}`" v-if="item.mime.startsWith('image',0)" alt="" />
<img :src="`${this.$axios.defaults.baseCDNURL}${item.url}`" v-if="item.mime.startsWith('image',0)" alt="" />
<video v-else-if="item.mime.startsWith('video',0)" controls="controls">
<source :src="`${this.$axios.defaults.baseURL}${item.url}`" type="video/mp4">
<source :src="`${this.$axios.defaults.baseURL}${item.url}`" type="video/ogg">
<source :src="`${this.$axios.defaults.baseURL}${item.url}`" type="video/webm">
<source :src="`${this.$axios.defaults.baseCDNURL}${item.url}`" type="video/mp4">
<source :src="`${this.$axios.defaults.baseCDNURL}${item.url}`" type="video/ogg">
<source :src="`${this.$axios.defaults.baseCDNURL}${item.url}`" type="video/webm">
</video>
</div>
</div>

2
src/components/ExamplesContent.vue
View File

@ -41,7 +41,7 @@
:href="`/ExampleItem?createdAt=${item.createdAt}`"
>
<div class="listblock">
<img :src="`${this.$axios.defaults.baseURL}${item.headimage.formats.large.url}`" alt="" />
<img :src="`${this.$axios.defaults.baseCDNURL}${item.headimage.formats.large.url}`" alt="" />
<div class="itemtext">
<span class="upspan">
{{item.brandname_cn}}

1
src/main.js
View File

@ -11,6 +11,7 @@ import 'bootstrap/dist/js/bootstrap.bundle.min.js'
const app = createApp(App)
axios.defaults.baseURL = 'https://cms.kdesign.top'
axios.defaults.baseCDNURL = 'https://cdn.kdesign.top'
// axios.defaults.baseURL = 'http://localhost:8082'
// 全局挂载 axios，所有组件都可以 this.$axios 访问
app.config.globalProperties.$axios = axios