vue4 跳转外部链接_vue项目跳转到外部链接

在Vue项目中,为实现点击按钮跳转到HTML页面并使用window.print()打印功能,需要解决跨域问题。通过在开发、测试、生产环境中配置不同路径,并尝试地址栏传参方式,但遇到中文乱码和URL长度限制。最终,利用H5本地存储解决跨域问题,将数据存储在本地,跳转后的HTML页面从本地取数据。在本地开发环境因端口不同导致的跨域问题,通过打包在Tomcat中运行得以解决。
摘要由CSDN通过智能技术生成

vue项目中遇到一个打印的功能。思考之后决定点击按钮,跳转到一个HTML页面(后台写的),利用window.print()方法调用浏览器的打印的功能。

所以,现在的问题是,怎样跳转到外部链接。开发vue项目的人都知道,vue项目会分为三个版本:开发,测试,生产,我们可以在config文件夹下面的dev.env.js,prod.env.js,test.env.js配置路径。

所以我们就会遇到跨域的问题。

js:

let Path = process.env.APP_EXCEL_PATH+'print.html?name=1'

window.open(Path)

一开始利用地址栏传参的方式,就是直接在路径上添加参数,然后再HTML文件中获取地址参数渲染就行:

HTML中的js:

window.οnlοad=function(){

var n = getParam("name");

document.getElementById("name").innerHTML = n;

}

function getParam(paramName) {

paramValue = "", isFound = !1;

if (this.location.search.indexOf("?") == 0 && this.location.search.indexOf("=") > 1) {

arrSource 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值