家庭收支系统V4（二） pc端web部署

简介

本文介绍家庭收支系统V4的pc端web站点的部署方法。
返回说明博客：家庭收支系统V4（二） pc端web

部署视频

哔哩哔哩：https://www.bilibili.com/video/av71837615/

步骤

1. 到github下载接口项目代码
   github地址：https://github.com/dabintang/IOSysV4_WebVue
   
2. 打包发布
   解压下载好的代码，并在控制台进入代码工程根目录。
   安装依赖：npm i。
   
   本项目使用vue开发，发布命令为：npm run build。
   
   发布完成后会在工程根路径下生产一个dist文件，发布出来的文件都在里面。
   
3. 修改配置
   修改配置文件中的接口地址为你之前发布的收支系统接口地址，配置文件路径为：\dist\static\config\constants.js
   
4. 部署到服务器IIS上
   把刚发布出来的dist文件夹里的文件全部复制到服务器上。
   
   IIS创建站点并指向刚复制过来的文件夹。
   
   因为这只是个html站点，所以对于的应用程序池可以设成无托管。
   
5. 验证是否部署成功
   在浏览器上流量站点看看是否部署成功。