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

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