部署准备
本文档介绍闪聚支付项目的前端部署方式。
安装Node.js
1、node.js官网:https://nodejs.org/en/download/
2、安装完成后,找到安装目录添加到系统环境变量中
双击Path新建:
通过 node-v 命令查看nodejs安装是否成功并查看安装版本。
安装Yarn
Yarn 对你的代码来说是一个包管理器, 你可以通过它使用全世界开发者的代码, 或者分享自己的代码。Yarn 做这些快捷、安全、可靠,所以你不用担心什么。
通过Yarn你可以使用其他开发者针对不同问题的解决方案,使自己的开发过程更简单。 Yarn就相当于Java中的maven,Yarn将代码通过 包(package) (或者称为 模块(module)) 的方式来共享。 一个包里包含所有需要共享的代码,以及描述包信息的文件,称为 package.json 。
进入yarn官网 https://www.yarnpkg.com/en/docs/install#windows-stable,选择匹配的操作系统和版本,点击下载。也可以直接使用资料中的安装包:yarn-1.21.1.msi。
开始部署
1、导入源码:解压授课资料shanjupay-web.zip,shanjupay-web中包括了前端的源码和依赖包node_modules。
2、 完成后,目录结构如下所示:
假设你将shanjupay-web.zip解压到了C:\work\shanjupay\shanjupay-web
3、将yarn运行的依赖命令添加到系统环境变量:C:\work\shanjupay\shanjupay-web\node_modules.bin
4、配置vue.config.js中指定的后端地址:const host = 'http://127.0.0.1:56010/'
5、使用cmd命令进入shanjupay-web目录,
执行 yarn install --ignore-engines
执行 yarn serve
注意:这两个命令需要电脑连网
6、等待执行成功后,会自动打开首页