vue项目怎么嵌入jsp页面？（方法介绍）-木庄网络博客

本文摘自PHP中文网，作者青灯夜游，侵删。

vue项目怎么嵌入jsp页面？下面本篇文章给大家介绍一下在vue项目中嵌入jsp页面的方法，文中通过示例代码介绍的非常详细。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

在vue 项目中嵌入jsp页面

今日一个项目中一块功能模块是其他系统使用jsp已经开发好的页面，想着直接将其嵌入到当前的vue项目中节约开发成本；但是发现并非想象的那么简单

创建一个server.vue组件加载jsp页面

1 、第一种（使用 v-html进行jsp 渲染）

server.vue

<template>
  <div class="docker-server">
    <div v-html="pageContent"></div>
  </div>
</template>
 
<script type="text/ecmascript-6">
    export default {
        name: "server",
      data(){
          return{
            pageContent:'',
          }
      },
      created(){
           this.getDockerPage();
      },
      methods:{
        getDockerPage() {
 
          // $post为全局的axios post请求对象；dockerMange 为后端ip
          let url = `${api_config.dockerMange}/core/funcs/system/docker/server/index.jsp`;
          this.$post(url).then(res => {
            console.log(res);
           this.pageContent = res.data;
          }).catch(err => {
            console.log(err)
          });
        }
      }
    }
</script>
 
<style scoped>
 
</style>