使用微软的office online进行在线预览

view.officeapps.live.com/op/view.asp…

使用过程中发现会出现404的问题 ，此时可能是文件命名中出现空格或者中文之类造成的， 可以通过 encode 处理一下 ur l地址，可以使用 encodeURIComponent() 方法 进行转义即可

docx云服务的在线预览

view.xdocin.com/xdoc?_xdoc=…

最后附上html代码

<template>
  <iframe\
    :src='url'
    ...
  >
  </iframe>
</template>
 
<script>
...
 
export default {
  name: 'iframe',
  computed: {
    url(){
        return (
            'http://view.xdocin.com/xdoc?_xdoc=文件地址'
        )
    },
  },
}
</script>