Vue+Express前后端分离部署实践(1)本地部署测试
本文最后更新于 277 天前,其中的信息可能已经有所发展或是发生改变。

最近在测试fzu-cpDailySign这个项目:windowsair/fzu-cpDailySign: 福州大学今日校园自动签到测试(nocloud) (github.com),这个项目是前后端分离部署的,前端为Vue,后端为Express,使用node.js进行部署和打包,由于是第一次接触node.js,遇到了很多困难,现在梳理解决方法如下。

(0)开发环境

Windows 10 / Windows 11

Python 2.7 Python Releases for Windows | Python.org

https://dl.yanqishui.work/python-2.7.18.amd64.msi

Node.js 14 下载 | Node.js 中文网 (nodejs.cn)

https://dl.yanqishui.work/node-v14.19.0-x64.msi

Redis for Windows Releases · tporadowski/redis (github.com)

https://dl.yanqishui.work/Redis-x64-5.0.14.1.msi

VSCode Visual Studio Code – Code Editing. Redefined

https://dl.yanqishui.work/VSCodeSetup-x64-1.64.2.exe

Microsoft 生成工具 2015 Download Microsoft 生成工具 2015 from Official Microsoft Download Center

https://dl.yanqishui.work/BuildTools_Full.exe

(1)通过VSCode打开项目文件夹

这里点信任

(2)在集成终端中打开分别打开BACKEND、FRONTEND文件夹,也就是后端和前端项目文件夹

(3)分别安装项目依赖包

在前后端的终端分别输入下面的指令安装依赖包

npm install

如果下载很慢,可能需要换源(可选)

npm config set registry https://registry.npm.taobao.org
后端npm install成功的输出

但是,在前端依赖安装的过程中,我遇到了一个报错。

MSBUILD : error MSB4132: 无法识别工具版本“2.0”。可用的工具版本为 “4.0”。

解决不难,查阅了一些资料,首先安装Visual C++ 2015 Build Tools,从这里下载:Download Microsoft 生成工具 2015 from Official Microsoft Download Center

重启,将安装依赖的命令改为:

npm install --msvs_version 2015

像下面这样就安装好啦

(4)运行后端

node app.js
像这样就开始运行了

(5)运行前端

npm run serve

(6)本地访问项目网页

访问上图的http://localhost:8080/就能打开对应网页了。

(?)一点教训

不要刻意追求新版!我用了最新版的Python3和Node.js,报了非常多的错误,查了一圈资料才发现是开发环境版本太新导致的,使用旧版的开发环境后部署调试过程一帆风顺。

暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇