Vue集成PageOffice实现在线编辑word、excel(前端配置)

最新推荐文章于 2024-09-11 11:00:10 发布

逆羽~

最新推荐文章于 2024-09-11 11:00:10 发布

阅读量6.2k

点赞数 12

文章标签： word excel javascript 前端 vue.js es6

本文链接：https://blog.youkuaiyun.com/qq_48665028/article/details/137798806

版权

一、什么是PageOffice

PageOffice是一款在线的office编辑软件，帮助Web应用系统或Web网站实现用户在线编辑Word、Excel、PowerPoint文档。可以完美实现在线公文流转，领导批阅，盖章。可以给文件添加水印，在线安全预览防止用户下载和复制文件等。

二、环境要求

前端Vue项目：Node.js10及以上版本（当前集成方式不支持vue3，原因是vue3不兼容ie)

三、前端配置

1、在index.html页面引用后端项目（samples-springboot-back）根目录下的pageoffice.js

<script type="text/javascript" src="http://localhost:8081/samples-springboot-back/pageoffice.js"></script>

2、在vue.config.js中配置代理

devServer: {
        proxy: {
        '/api': {
          target: 'http://localhost:8081/samples-springboot-back', //"/api"对应后端项目"http://localhost:8081/samples-springboot-back"地址 
          ws: true,
          changeOrigin: true, // 允许跨域
          pathRewrite: