vue+element+阿里云OSS断点续传、上传、upload、addEventListener、removeEventListener、TypeError、微信私聊免费MJ682517

1、配置OSS实例

informationToken.js文件

informationToken.js文件主要是请求配置信息。

import axios from "axios"; // 请求文件上传的配置参数 export const informationTokens = () => {
    return new Promise((resolve, reject) => {
    axios .request({
    url: "http://101.230.108.178:7007/infomation", method: "GET", }) .then((res) => {
    resolve(res); }) .catch((error) => {
    reject(error); }); }); } 

main.js文件

最好是在main.js文件里面配置，此处便是在main.js文件里配置。关于ali-oss插件包，需要到阿里官网下载，但是npm install ali-oss无法下载（2022-05-06），需要到GitHub上面下载，官网文档可以找到GitHub入口链接。 注意：此功能需要申请注册阿里云账号，否则无法继续往下操作。其中new OSS({})实例参数值便是阿里云账号的信息值。

import Vue from 'vue'; import App from './App.vue'; import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; import OSS from 'ali-oss'; Vue.use(ElementUI); import {
    informationTokens } from "@/api/informationToken.js" // oss初始化 function init() {
    informationTokens().then((res) => {
    const data = res.data.data; Vue.prototype.$OSS = new OSS({
    // yourRegion填写Bucket所在地域。以华东1（杭州）为例， // yourRegion填写为oss-cn-hangzhou。 region: 'oss-cn-shenzhen', // 从STS服务获取的临时访问密钥（AccessKey IDs和AccessKey Secret）。