vu2结合spreadJS[V13.0.0]本地导入渲染

登录

本帖最后由 Matthew.Xue 于 2026-1-16 16:10 编辑

readFile() {
let filePath
if (this.queryParam.type == 2) {
filePath = '/templates/宏观成本计算对象报表模板两侧LC.xlsx' // 请替换为实际的另一张表文件名
} else if (this.queryParam.type == 3) {
filePath = '/templates/宏观成本计算对象报表模板雁宝公司LC.xlsx'
} else {
filePath = '/templates/宏观成本计算对象报表模板LC.xlsx'
}
console.log(filePath, 'filePath')
// 宏观成本计算对象报表模板雁宝公司LC
fetch(filePath)
.then((response) => {
return response.blob()
})
.then((data) => {
this.readWithFromJson(data, this.spread)
})
.catch((error) => {
console.log('读取文件失败', error)
})
},
readWithFromJson(data, spread) {
const file = new File([data], 'temp.xlsx', {
type:
'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
})
const reader = new FileReader()
reader.onload = (e) => {
var io = new ExcelIO.IO()
io.open(
e.target.result,
(json) => {
// 在 fromJSON 完成后执行
spread.fromJSON(json)
const sheet = spread.getActiveSheet() // 获取当前工作表
// sheet.setValue(0, 2, `${this.peiZhi.budgetYear}年经营情况预算表`) // 设置单位名称
console.log(sheet, 'sheet')
spread.options.scrollbarMaxAlign = true
spread.options.tabStripVisible = false
const products = this.getProducts(
this.dataSource[0].macroCostReportDetailsList.length,
) // 假设 getProducts 是你的数据方法
const dataArray = products.map((item) => Object.values(item))
sheet.setArray(3, 3, dataArray)
// // 7. 调整列宽
sheet.setColumnWidth(0, 120)
sheet.setRowHeight(0, 60)
sheet.setColumnWidth(0, 120)
sheet.setColumnWidth(20, 500)
console.log(this.columnCount, 'this.columnCount')
for (let i = 2; i < this.columnCount - 1; i++) {
sheet.setColumnWidth(i, 180)
}
},
(error) => {
console.log('导入失败', error)
},
)
}
reader.readAsArrayBuffer(file)
}

复制代码

我npm run build打包以后，部署在系统上报错404未找到，

但是dist里有这个文件他这个要怎么设置？

Matthew.Xue · Matthew.Xue

您好，这个应该是属于vue打包后，根目录发生变化导致的吧，您可以查看一下打包的config文件，以下是ai的回复，您可以参考一下：

提问：vue2在打包部署后，静态文件访问不到了，我应该怎么做？请做出简短的回答

1. 检查并配置 vue.config.js

module.exports = {
publicPath: process.env.NODE_ENV === 'production'
? './' // 或你的子路径，如 '/my-project/'
: '/',
assetsDir: 'static', // 静态资源目录
indexPath: 'index.html'
}

复制代码

2. 检查路由模式
history模式：需要服务器配置重定向
hash模式：直接使用 ./作为 publicPath

[已处理] vu2结合spreadJS[V13.0.0]本地导入渲染

最佳答案

1 个回复