现在我已经在另一台服务器上部署了kkfileview,所以请写出具体的后端接口和前端代码

好的，以下是具体的后端接口和前端代码示例：

后端接口（使用 Python Flask 框架编写）：

from flask import Flask, request, jsonify
from flask_cors import CORS
from kkfileview import KKFileView

app = Flask(__name__)
CORS(app)

@app.route('/api/fileview')
def fileview():
    # 获取前端传来的文件路径
    filepath = request.args.get('filepath')
    # 调用 kkfileview 库生成预览链接
    fileview = KKFileView(filepath)
    # 返回预览链接
    return jsonify({
        'url': fileview.get_url()
    })

前端代码（使用 Vue.js 框架编写）：

<template>
  <div>
    <input type="text" v-model="filepath" placeholder="请输入文件路径">
    <button @click="preview">预览</button>
    <div v-if="previewUrl">
      <iframe :src="previewUrl"></iframe>
    </div>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      filepath: '',
      previewUrl: ''
    };
  },
  methods: {
    preview() {
      axios.get('/api/fileview', {
        params: {
          filepath: this.filepath
        }
      })
      .then(response => {
        this.previewUrl = response.data.url;
      })
      .catch(error => {
        console.log(error);
      });
    }
  }
}
</script>

以上代码仅供参考，具体实现可以根据项目需求进行调整。