WPS View Vue 项目技术文档

1. 安装指南

1.1 环境准备

在开始安装之前，请确保您的开发环境满足以下要求：

• Node.js (建议版本 v14 或更高)
• Yarn (建议版本 v1.22 或更高)

1.2 安装依赖

首先，克隆项目到本地：

git clone https://gitee.com/mose-x/wps-view-vue.git
cd wps-view-vue

然后，安装项目依赖：

yarn install

2. 项目的使用说明

2.1 开发运行

在开发模式下运行项目：

yarn serve

运行后，您可以在浏览器中访问 http://localhost:8080 查看项目。

2.2 生产打包

当您准备将项目部署到生产环境时，可以使用以下命令进行打包：

yarn build

打包后的文件将生成在 dist 目录中。

3. 项目API使用文档

3.1 配置 axios.defaults.baseURL

在 main.js 文件中，您需要配置 axios.defaults.baseURL，使其与 WPS开放平台 上的回调URL一致。例如：

axios.defaults.baseURL = 'https://your-backend-url.com/api';

3.2 文件管理API

项目提供了文件管理的相关API，包括文件的上传、删除等操作。具体API的使用方法请参考后台Java代码的文档： WPS View Java 项目

4. 项目安装方式

4.1 克隆项目

通过Git克隆项目到本地：

git clone https://gitee.com/mose-x/wps-view-vue.git

4.2 安装依赖

进入项目目录并安装依赖：

cd wps-view-vue
yarn install

4.3 运行项目

在开发模式下运行项目：

yarn serve

4.4 生产打包

打包项目用于生产环境：

yarn build

5. 特别注意

• 本前端工程必须配合后台部分使用，后台Java代码地址：WPS View Java 项目
• 请确保 main.js 中的 axios.defaults.baseURL 与 WPS开放平台 上的回调URL一致。

6. 演示地址

您可以通过以下地址访问项目的演示版本： https://ljserver.cn/wpsonline

---

通过以上步骤，您可以顺利安装并运行WPS View Vue项目。如有任何问题，请参考项目的GitHub或Gitee仓库获取更多帮助。