前端两个项目部署到一块，并且两个项目中间可以有一方跳转到另一方

尔嵘

已于 2023-03-16 09:29:54 修改

阅读量3.1k

点赞数 2

分类专栏：运维服务文章标签：前端 vue.js javascript

于 2019-11-07 16:27:20 首次发布

未经csdn博主（前端-尔嵘）允许不得转载，转载请注明转载路径及说明！

本文链接：https://blog.csdn.net/XU441520/article/details/102957763

版权

运维服务专栏收录该内容

19 篇文章 1 订阅 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍如何将两个前端项目部署到同一环境中，实现从一个Vue.js PC端项目通过a标签跳转到另一个H5项目，并在跳转过程中传递prjId和token参数。通常，接口请求需要后端提供的有效token，但token可能存在时效性问题。

摘要由CSDN通过智能技术生成

前端两个项目部署到一块，并且两个项目中间可以有一方跳转到另一方.

比如我一个PC端vue项目,添加一个a标签：

//href当然我改掉了
<a :href="'http://127.0.0.1:4514/YY/pages/PO/index.html?prjId=' + scope.row.id + '&token=' + token "target="_blank" class="el-button el-button--text el-button--small">跳转</a>

在要跳转的H5X项目接收参数,上面有prjId,token

//prjId:项目id; token:token
if (window.location.search) {
	let prjId = window.location.search.split('&')[0];
	let token = window.location.search.split('&')[1];
	sessionStorage.setItem('prjId', prjId.split('=')[1]);
	sessionStorage.setItem('token', token.split('=')[1]);
}

一般情况下，调取接口都需要后台的token,且token可能有实效