下载并安装FinalShell
FinalShell是一体化的的服务器,网络管理软件,不仅是ssh客户端,还是功能强大的开发、运维工具,充分满足开发,运维需求。
安装完后打开FinalShell ，点击左上角的文件
image.png
连接管理器，如图
image.png
输入信息-确定
image.png
连接成功
image.png
前端部署
添加虚拟主机
~/oneinstack/vhost.sh
此图来自OneinStack.com 网站
创建好之后在/data/wwwroot/目录下会生成一个以域名命名的目录，将前端打包生成的静态文件此目录下。
项目打包以Hbuilder的Uniapp项目为例
打开需要打包的项目 工具栏 --- 发行 --- 选择 网站 --H5手机版
image.png
发行 出现此页面就表明打包成功
image.png
将项目文件里打包好的这两个静态文件
image.png
放在虚拟主机的此目录下
image.png
image.png
配置nginx代理
Nginx 是一个很强大的高性能Web和反向代理服务
进入nginx配置文件目录
cd /usr/local/nginx/conf/vhost
编辑配置文件
vim xxx.com.conf
按i进入INSERT模式
在server最下面加上此段代码
server {
#此处省略一万行代码
location /api {
#proxy_pass后面是服务端地址，端口号默认3000
proxy_pass http://127.0.0.1:3000/api;
include proxy.conf;
}
}
按ESC退出INSERT模式，输入:wq保存并退出
重启nginx
service nginx reload
也可以在文件里操作
image.png
image.png
右键-打开方式--文本编辑器
image.png
在server最下面加上此段代码
image.png
修改后记得重启nginx
service nginx reload
后端部署
在opt目录下新建一个xxx目录,将项目的后端代码（node_modules除外）全部文件移动到服务器/opt/xxx目录下，进入到该文件目录 执行npm install 命令 会安装相应的模块包 也就是node_modules文件
再npm run dev 运行项目。
image.png
新手写文章，请多多指教。
