云起工作室 15711107967
首页 笔记
vue读取excel

1、安装 npm install -S file-saver xlsx npm install -D script-loader npm install xlsx2、使用import * as XLSX from 'xlsx'upExcel(e){ var file = e.target.files[0]; var reader = new FileReader(); reader.onload = function() { try { var bytes = new Uint8Array(reader.result); var length = bytes.byteLength; var binary = ""; for (var i = 0; i < length; i++) { binary += String.fromCharCode(bytes[i]); } //此处引入，用于解析excel // var XLSX = new xlsx(); var wb = XLSX.read(binary, { type: "binary" }); console.log(wb) // var outdata = XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]); // //outdata就是读取的数据（不包含标题行即表头，表头会作为对象的下标） // //此处可对数据进行处理 // let arr = []; // outdata.map(v => { // console.log(v) // let obj = {} // // obj.code = v['Code'] // // obj.name = v['Name'] // // obj.pro = v['province'] // // obj.cit = v['city'] // // obj.dis = v['district'] // arr.push(obj) // }); } catch (error) { console.log(error) } }; reader.readAsArrayBuffer(file); }

axios拦截器

import axios, { AxiosRequestConfig, AxiosResponse } from 'axios' // const showStatus = (status) => { //   let message = '' //   switch (status) { //     case 400: //       message = '请求错误(400)' //       break //     case 401: //       message = '未授权，请重新登录(401)' //       break //     case 403: //       message = '拒绝访问(403)' //       break //     case 404: //       message = '请求出错(404)' //       break //     case 408: //       message = '请求超时(408)' //       break //     case 500: //       message = '服务器错误(500)' //       break //     case 501: //       message = '服务未实现(501)' //       break //     case 502: //       message = '网络错误(502)' //       break //     case 503: //       message = '服务不可用(503)' //       break //     case 504: //       message = '网络超时(504)' //       break //     case 505: //       message = 'HTTP版本不受支持(505)' //       break //     default: //       message = `连接出错(${status})!` //   } //   return `${message}，请检查网络或联系管理员！` // } const http = axios.create({        // 联调   // baseURL: process.env.NODE_ENV === 'production' ? `https://www.artype.cn` : 'https://www.artype.cn',   baseURL: process.env.NODE_ENV === 'production' ? `http://card.artype.cn` : 'http://www.sc.cn', //   headers: { //     get: { //       'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' //     }, //     post: { //       'Content-Type': 'application/json;charset=utf-8' //     // 'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' //     } //   },   // 是否跨站点访问控制请求 //   withCredentials: true, //   timeout: 30000, //   transformRequest: [(data) => { //     data = JSON.stringify(data) //     return data //   }], //   validateStatus () { //     // 使用async-await，处理reject情况较为繁琐，所以全部返回resolve，在业务代码中处理异常 //     return true //   }, //   transformResponse: [(data) => { //     if (typeof data === 'string' && data.startsWith('{')) { //       data = JSON.parse(data) //     } //     return data //   }] }) // // 请求拦截器 // http.interceptors.request.use((config) => { //     return config // }, (error) => { //     // 错误抛到业务代码 //     error.data = {} //     error.data.msg = '服务器异常，请联系管理员！' //     return Promise.resolve(error) // }) // 响应拦截器 // http.interceptors.response.use((response) => { //     const status = response.status //     let msg = '' //     if (status < 200 || status >= 300) { //         // 处理http错误，抛到业务代码 //         msg = showStatus(status) //         if (typeof response.data === 'string') { //             response.data = {msg} //         } else { //             response.data.msg = msg //         } //     } //     return response // }, (error) => { //     // 错误抛到业务代码 //     error.data = {} //     error.data.msg = '请求超时或服务器异常，请检查网络或联系管理员！' //     return Promise.resolve(error) // }) export default http

NVM

在nvm安装路径下找到setting.txt文件，打开，新增如下信息 node_mirror: https://npm.taobao.org/mirrors/node/ npm_mirror: https://npm.taobao.org/mirrors/npm/ vue3 添加vuex vue add vuex npm install axios --savelinux下安装nvm下载压缩包https://github.com/nvm-sh/nvm/archive/refs/tags/v0.38.0.tar.gzwget https://github.com/nvm-sh/nvm/archive/refs/tags/v0.38.0.tar.gz解压mkdir -p /root/.nvmtar -zxvf nvm-0.38.0.tar.gz -C /root/.nvm修改 ~/.bashrc 添加以下内容export NVM_DIR="$HOME/.nvm/nvm-0.38.0"[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"# This loads nvm[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion" # This loads nvm bash_completion# nodejs下载更换淘宝镜像export NVM_NODEJS_ORG_MIRROR=https://npm.taobao.org/mirrors/nodesource ~/.bashrc