fix: tencent cos config #94

Naccl · Naccl · commit 0c1494f4de14 · 2023-01-29T18:24:53.000+08:00
diff --git a/blog-cms/src/views/pictureHosting/TxyunManage.vue b/blog-cms/src/views/pictureHosting/TxyunManage.vue
@@ -54,13 +54,14 @@ import SvgIcon from "@/components/SvgIcon";
 import {isImgExt} from "@/util/validate";
 import {randomUUID} from "@/util/uuid";
 import {copy} from "@/util/copy";
-import cos from "@/api/cos";
+import COS from 'cos-js-sdk-v5';
 
 export default {
 	name: "TxyunManage",
 	components: {SvgIcon},
 	data() {
 		return {
+			cos: {},
 			txyunConfig: {
 				secretId: '',
 				secretKey: '',
@@ -111,34 +112,36 @@ export default {
 	created() {
 		this.hintShow1 = localStorage.getItem('txyunHintShow1') ? false : true
 		this.hintShow2 = localStorage.getItem('txyunHintShow2') ? false : true
+
 		const txyunConfig = localStorage.getItem('txyunConfig')
 		if (txyunConfig) {
 			this.txyunConfig = JSON.parse(txyunConfig)
 			this.txyunConfig.domain = this.txyunConfig.domain.endsWith('/') ? this.txyunConfig.domain : `${this.txyunConfig.domain}/`
+
+			this.cos = new COS({
+				SecretId: this.txyunConfig.secretId,
+				SecretKey: this.txyunConfig.secretKey,
+			})
 		} else {
 			this.msgError('&#35831;&#20808;&#37197;&#32622;&#33150;&#35759;&#20113;')
 			this.$router.push('/pictureHosting/setting')
 		}
-		
 	},
 	methods: {
 		//&#25442;&#25104;&#25042;&#21152;&#36733;
 		async getReposContents(arr, path) {
 			const {txyunConfig} = this
-			await cos.getBucket({
+			await this.cos.getBucket({
 				Bucket: txyunConfig.bucketName, /* &#24517;&#39035; */
 				Region: txyunConfig.region,     /* &#23384;&#20648;&#26742;&#25152;&#22312;&#22320;&#22495;&#65292;&#24517;&#39035;&#23383;&#27573; */
 				Prefix: path,           /* &#38750;&#24517;&#39035; */
 				Delimiter: '/'
 			}).then(data => {
-				console.log('&#26597;&#35810;&#25104;&#21151;',data);
 				data.CommonPrefixes.forEach((item) => {
-					item.name = item.Prefix.replace(path, '').slice(0,-1)
+					item.name = item.Prefix.replace(path, '').slice(0, -1)
 					//&#35753;&#25152;&#26377;&#33410;&#28857;&#37117;&#26159;&#38750;&#21494;&#23376;&#33410;&#28857;
 					arr.push({value: item.name, label: item.name, leaf: false})
 				});
-			}).catch(err => {
-				console.log('&#26597;&#35810;&#22833;&#36133;',err);
 			})
 		},
 		// &#33719;&#21462;&#23384;&#20648;&#31354;&#38388;&#19979;&#25351;&#23450;&#30446;&#24405;&#30340;&#25991;&#20214;&#21015;&#34920;
@@ -150,21 +153,18 @@ export default {
 			if (path != '') {
 				path = path.endsWith('/') ? path : `${path}/`
 			}
-			cos.getBucket({
+			this.cos.getBucket({
 				Bucket: txyunConfig.bucketName, /* &#24517;&#39035; */
 				Region: txyunConfig.region,     /* &#23384;&#20648;&#26742;&#25152;&#22312;&#22320;&#22495;&#65292;&#24517;&#39035;&#23383;&#27573; */
 				Prefix: path,           /* &#38750;&#24517;&#39035; */
 				Delimiter: '/'
 			}).then(data => {
-				console.log('&#26597;&#35810;&#25104;&#21151;',data);
 				data.Contents.filter((item) => !item.Key.endsWith('/') && isImgExt(item.Key)).forEach(item => {
 					item.path = item.Key
 					item.cdn_url = `${txyunConfig.domain}${item.path}`
 					item.name = item.Key.replace(path, '')
 					fileList.push(item)
 				})
-			}).catch(err => {
-				console.log('&#26597;&#35810;&#22833;&#36133;',err);
 			})
 			this.fileList = fileList
 		},
@@ -185,22 +185,19 @@ export default {
 		// &#21024;&#38500;&#25991;&#20214;
 		delFile(file) {
 			const {txyunConfig} = this
-			console.log("&#21024;&#38500;&#36335;&#24452;&#65306;", file.path)
 			this.$confirm("&#27492;&#25805;&#20316;&#23558;&#27704;&#20037;&#21024;&#38500;&#35813;&#25991;&#20214;, &#26159;&#21542;&#21024;&#38500;?", "&#25552;&#31034;", {
 				confirmButtonText: '&#30830;&#23450;',
 				cancelButtonText: '&#21462;&#28040;',
 				type: 'warning',
 			}).then(() => {
-				cos.deleteObject({
+				this.cos.deleteObject({
 					Bucket: txyunConfig.bucketName, /* &#22635;&#20889;&#33258;&#24049;&#30340;bucket&#65292;&#24517;&#39035;&#23383;&#27573; */
 					Region: txyunConfig.region,     /* &#23384;&#20648;&#26742;&#25152;&#22312;&#22320;&#22495;&#65292;&#24517;&#39035;&#23383;&#27573; */
 					Key: file.path,              /* &#23384;&#20648;&#22312;&#26742;&#37324;&#30340;&#23545;&#35937;&#38190;&#65288;&#20363;&#22914;1.jpg&#65292;a/b/test.txt&#65289;&#65292;&#24517;&#39035;&#23383;&#27573; */
-				}).then(data => {
-					console.log('&#21024;&#38500;&#25104;&#21151;',data);
+				}).then(() => {
 					this.msgSuccess('&#21024;&#38500;&#25104;&#21151;')
 					this.search()
-				}).catch(err => {
-					console.log('&#21024;&#38500;&#22833;&#36133;',err);
+				}).catch(() => {
 					this.msgError('&#21024;&#38500;&#22833;&#36133;')
 				})
 			}).catch(() => {
@@ -229,22 +226,18 @@ export default {
 			let path = this.realPath;
 			path = path.startsWith('/') ? path.slice(1) : path
 			path = path.endsWith('/') ? path : `${path}/`
-			console.log("&#19978;&#20256;&#36335;&#24452;&#65306;", path)
-			cos.uploadFile({
+			this.cos.uploadFile({
 				Bucket: txyunConfig.bucketName, /* &#24517;&#39035; */
 				Region: txyunConfig.region,     /* &#23384;&#20648;&#26742;&#25152;&#22312;&#22320;&#22495;&#65292;&#24517;&#39035;&#23383;&#27573; */
 				Key: `${path}${fileName}`,              /* &#23384;&#20648;&#22312;&#26742;&#37324;&#30340;&#23545;&#35937;&#38190;&#65288;&#20363;&#22914;:1.jpg&#65292;a/b/test.txt&#65292;&#22270;&#29255;.jpg&#65289;&#25903;&#25345;&#20013;&#25991;&#65292;&#24517;&#39035;&#23383;&#27573; */
 				Body: data.file, // &#19978;&#20256;&#25991;&#20214;&#23545;&#35937;
 				SliceSize: 1024 * 1024 * 5,     /* &#35302;&#21457;&#20998;&#22359;&#19978;&#20256;&#30340;&#38408;&#20540;&#65292;&#36229;&#36807;5MB&#20351;&#29992;&#20998;&#22359;&#19978;&#20256;&#65292;&#23567;&#20110;5MB&#20351;&#29992;&#31616;&#21333;&#19978;&#20256;&#12290;&#21487;&#33258;&#34892;&#35774;&#32622;&#65292;&#38750;&#24517;&#39035; */
-				onProgress: function(progressData) {
+				onProgress: function (progressData) {
 					console.log(JSON.stringify(progressData));
 				}
 			}).then(() => {
-				console.log('&#19978;&#20256;&#25104;&#21151;');
 				this.msgSuccess('&#19978;&#20256;&#25104;&#21151;')
 				data.onSuccess()
-			}).catch(err => {
-				console.log('&#19978;&#20256;&#22833;&#36133;', err);
 			})
 		},
 	},
@@ -388,4 +381,4 @@ export default {
 .image-container:hover .image-content::before {
 	height: 80px;
 }
-</style>
+</style>
