如何在如何在vue项目中嵌入项目中嵌入jsp页面的方法页面的方法(2种种)
主要介绍了如何在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>
请求返回的jsp数据格式
后台返回的 index.jsp 内容如下：
<!DOCTYPE html>
<script type="text/javascript">
/** 常量定义 **/
资源评论
