vue接入点聚weboffice打开在线文档报系统错误

  1. 运行官方的demo能正常打开线上文档
  2. 放到vue打开就报错
  3. 打开demo一行一行的排查
  4. 解决bug:组件初始化需要调用一下weboffice.OptionFlag |= 128;

相关代码:

// weboffice 组件
<object ref="weboffice" :height='height' :width='width' style='let: 0px; top: 0px'   
      classid='clsid:E77E049B-23FC-4DB8-B756-60529A35FAD5'  codebase='WebOffice.cab#Version=7,0,1,8'>
    <param name='_ExtentX' value='6350'>
    <param name='_ExtentY' value='6350'>
</object>
// .......
props: {
  height:{
    type:String,
    default:'100%'
  },
  width:{
    type:String,
    default:'100%'
  }
},
getWeboffice(){
	const instance = this.weboffice ||  this.$refs.weboffice 
	instance.OptionFlag |= 128;  // !!!不调用打开线上文档会报错
	return instance;
}
// 打开线上文档
this.getWeboffice().LoadOriginalFile('http:xxxxx/download?projectId=09af0d05e1774c538067b11a1b59c661&fileType=1', "xls")
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
要改造Vue系统接入单点登录,您可以考虑以下步骤: 1. 确定身份认证服务:您需要选择一个合适的身份认证服务,例如OAuth 2.0或OpenID Connect,用于处理用户身份验证和授权。 2. 配置身份认证服务:根据所选的身份认证服务的文档和指南,在您的Vue系统中进行相应的配置。这可能涉及设置客户端ID、客户端秘钥、回调URL等。 3. 创建单点登录页面:创建一个单点登录页面,用于引导用户进行身份验证。该页面应包含身份认证服务的登录表单,并使用户能够输入用户名和密码或使用其他身份验证方法(如OAuth令牌)。 4. 实现自动登录功能:在用户成功通过身份验证后,实现自动登录功能。您可以使用Vue中的路由守卫(router guard)或自定义方法来检查用户是否已登录,并根据需要将其重定向到受保护的页面。 5. 保护敏感数据和资源:一旦用户成功登录,确保只允许访问受保护的页面和资源。使用Vue的路由守卫或其他安全机制来验证用户的访问权限,并实施适当的访问控制。***0协议中的多重身份验证功能。根据所选的身份提供商的文档和指南,进行相应的配置和集成。 7. 维护用户会话管理:确保正确管理用户会话,以便在用户完成操作后进行跟踪和会话超时处理。可以使用会话令牌或Cookie来跟踪用户会话,并使用Vue的会话管理库或插件来实现。 8. 测试和调试:在完成改造后,进行全面的测试和调试,确保单点登录功能正常工作,并解决任何潜在的问题和漏洞。 请注意,以上步骤仅提供了一个基本的概述,具体实现可能因您的系统和需求而有所不同。确保在进行改造之前充分了解所选的身份认证服务和相关文档,并采取适当的安全措施来保护您的系统和用户数据。
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值