OSS前台vue上传视频

根据提供的引用内容，我们可以使用阿里云OSS对象存储来实现前台Vue上传视频的功能。具体步骤如下：

1.安装ali-oss插件

npm install ali-oss --save

2.在Vue组件中引入ali-oss插件

import OSS from 'ali-oss'

3.创建OSS对象

const client = new OSS({
  region: '<your region>',
  accessKeyId: '<your accessKeyId>',
  accessKeySecret: '<your accessKeySecret>',
  bucket: '<your bucket>'
})

4.编写上传视频的方法

async uploadVideo(file) {
  try {
    // 生成唯一文件名
    const fileName = Date.now() + '-' + file.name
    // 上传视频
    const result = await client.put(fileName, file)
    // 返回视频的URL
    return result.url
  } catch (e) {
    console.error(e)
  }
}

5.在Vue组件中调用上传视频的方法

async handleUploadVideo() {
  const file = this.$refs.video.files[0]
  const videoUrl = await this.uploadVideo(file)
  console.log(videoUrl)
}

以上就是使用阿里云OSS对象存储实现前台Vue上传视频的步骤。