当前位置：首页 > news >正文

Vue通过指令命令将打包好的dist静态文件上传到腾讯云存储桶（保存原有存储目录结构）

news 2025/8/13 5:47:48

1、在项目根目录创建uploadToCOS.js文件（建议起简单的名字方便以后上传输入命令方便）

2、uploadToCOS.js文件代码编写

const path = require('path');
const fs = require('fs');
const COS = require('cos-nodejs-sdk-v5');// 配置腾讯云COS参数
const cos = new COS({SecretId: "", // 身份识别 IDSecretKey: "", // 身份密钥
});// 获取dist目录下的所有文件
const dirPath = path.resolve(__dirname, 'dist');// 遍历目录并上传文件
function traverseDirectory(dirPath, prefix = '') {const files = fs.readdirSync(dirPath);files.forEach((file) => {const filePath = path.join(dirPath, file);const relativePath = path.relative(dirPath, filePath);const cosKey = path.join(prefix, relativePath).replace(/\\/g, '/'); // 使用 / 替换 \，确保在 COS 上是正斜杠if (fs.statSync(filePath).isDirectory()) {// 如果是目录，则继续遍历子目录，并传入新的前缀traverseDirectory(filePath, cosKey);} else {// 如果是文件，则上传文件fs.readFile(filePath, (err, data) => {if (err) {console.error(`\n读取文件 ${relativePath} 失败：`, err);return;}const params = {Bucket: '',Region: '',Key: cosKey,Body: data, // 使用文件内容进行上传};cos.putObject(params, function (err, data) {if (err) {console.log(data);console.error(`\n上传文件 ${relativePath} 失败：`, err);} else {console.log(data);console.log(`\n上传文件 ${relativePath} 成功`);}});});}});
}// 开始遍历上传
traverseDirectory(dirPath);

填入你自己的 SecretId、SecretKey、Bucket、Region

3、在控制台输入