vue打开外部页面_vue项目中嵌套外部网页

主要有两种方法：

一、通过接口请求，然后v-html渲染，这种方法试验之后发现不行，v-html不会渲染内部页面

二、iframe的方式(解决引入成功之后获取不到引入的标签问题及跨域问题)

需要嵌套的网页地址为：http://10.108.230.74:8080/smartbi/vision/openresource.jsp

config.js文件中设置代理：

dev: {

env: require('./dev.env'),

host: '0.0.0.0',

port: '8080',

autoOpenBrowser: true,

assetsSubDirectory: 'static',

assetsPublicPath: '/',

proxyTable: {

'/jsp': {

target: 'http://10.108.230.74:8080', // 接口地址

changeOrigin: true, // 是否跨域

pathRewrite: { // 转发

'^/jsp': ''

secure: false,

headers: {

Referer: 'https://10.108.230.74:8080'

}

备注：代理里面https的url才需要加headers的参数

在页面引入࿱

vue打开外部页面_vue项目中嵌套外部网页相关推荐

js定义全局变量 vue页面_vue项目中定义全局变量、函数的几种方法
前言在项目中,经常会复用一些变量和函数,比如用户的登录token,用户信息等.这时将它们设为全局的就显得很重要了,全局变量和全局函数之间有一些相通之处,它们其实很简单,但是有些人可能还不太了解.简单 ...
vue 用户名重复验证_Vue项目中实现用户登录及token验证
在前后端完全分离的情况下,Vue项目中实现token验证大致思路如下: 1.第一次登录的时候,前端调后端的登陆接口,发送用户名和密码 2.后端收到请求,验证用户名和密码,验证成功,就给前端返回一个to ...
vue光标插入内容_vue项目中在可编辑div光标位置插入内容的实现代码
vue项目中在可编辑div光标位置插入内容 html: @dragstart="dragstart($event, item.labelname)" draggable='true ...
vue引入外部文件_vue文件中引入外部js
1.在项目的入口文件中(app.js)定义remoteScript标签 Vue.component('remote-script', { render: function (createElement ...
vue 得到枚举个数_vue项目中枚举值统一维护管理
由于多页面有时需要共同的表单枚举选择,页面以及table需要显示枚举值label以及有时需要根据枚举值判断,故个人使用如下枚举方式进行统一管理. 在common或者个人模块下创建单独枚举js,如enu ...
java手机界面太小_手机端页面在项目中遇到的一些问题及解决办法
原标题:手机端页面在项目中遇到的一些问题及解决办法来源:键盘上的眼泪 segmentfault.com/a/1190000015178877 1.解决页面使用overflow: scroll在iOS ...
VUE打开新页面方法
VUE打开新页面方法我们知道,我们可以通过<a href='***' target='_blank'>*****</a>或window.open(strUrl, strWin ...
用vs打开已有web项目运行时显示网页无法访问
文章目录问题方法问题用vs打开已有web项目运行时显示网页无法访问方法文件管理器点击查看→隐藏的项目√ 删除.vs文件夹,重新启动vs并重新打开项目文件.sln,再次运行即可
vue 方法获取返回值_Vue项目中Api的组织和返回数据处理的操作
项目中的所有Api配置放在一个文件中,便于查找和修改,Api的版本从配置文件(config.js)中读取,采用 apiPrefix + url 的形式组成. 在配置文件中,Api 的配置采用 Http ...

vue打开外部页面_vue项目中嵌套外部网页

vue打开外部页面_vue项目中嵌套外部网页相关推荐

最新文章

热门文章