前言:
由于是自己尝试搭建的一个简单的nodejs+vue全栈项目,适用于初探nodejs后端领域的前端er。
正文:
一、安装nodejs
这个步骤请自行搜多百度经验,进行安装。
二、初始化前端项目
1、安装vue
npm install vue-cli -g //这个是将vue脚手架进行全局安装。
2、初始化vue项目(进入自己本地的文件夹)
vue init webpack '项目名(任意)' //等待npm包初始化后,进行下一步
3、安装express、mysql
npm install express
npm install
4、项目结构
5、搭建nodejs服务器
6、前端nodejs服务器
7、本地调试
node app.js //启动本地后端服务器
node webServer.js //启动nodejs前端静态资源服务器
8、部署上线(1台web服务器,1台nodejs服务器)
(1)Linux系统先安装nodejs,并配置全局变量,本地的虚拟机linux需要解开防火墙,否则无法进行测试
(2)将相关node_modules模块压缩,然后解压至Nodejs服务器上,使用ftp上传压缩包,然后用linux命令进行解压
(3)将相关node_modules模块压缩,然后解压至web服务器上,再上传dist文件夹至web服务器上,放到node_modules文件夹的同级目录下。
(4)使用SecureCRT或者xShell分别连接你的服务器,进入项目目录,
执行node app.js(你的后端服务器文件) //启动nodejs服务
执行node webServer.js(你的前端服务器文件) //启动web服务器
9、nginx对比nodejs
nginx:
Nginx支持静态资源的热部署,无需重启服务器即可完成部署。
nodejs:
nodejs虽然有相关插件可以自动重启服务器,但不是真正意义上的热部署。
10、总结
由于是第一次写这类文章,记录下自己对nodejs的探索之路,还请大家多多支持。