node express+vue+html，后端+后台管理+官网线上部署
引言简介
遗憾：这里没有进行linux的mysql安装不完美，有空补全
1. node安装
安装nodejs参考地址： https://blog.csdn.net/cnds123321/article/details/121301089
报错 GLIBC_2.28 not found
这里安装的时候报错了，因为对linux不懂，所以搜索方法是让我对linux某个模块进行升级，但是我没有。
的解决的方法是对node版本进行降级，这里我降到了12.x版本，解决了问题
node项目运行线上部署地址：https://blog.csdn.net/cnds123321/article/details/121303219
这个部署对我来说不太行，直接用的node来运行，不知道能不能监听，下文介绍了用pm2来运行项目实现的，
这个案例中运行的应该是node原生项目，没有用express。
我用的express框架，这里要用node运行不能运行app.js，大概应该运行根目录bin/www这个文件才行
2. 后端nodejs项目运行
参考地址 https://blog.csdn.net/weixin_43845090/article/details/108950721
这里用了pm2运行node项目，对项目进行管理，
没啥用，也可以看看，项目运行：https://blog.csdn.net/cnds123321/article/details/121303219
**参考安装nodejs项目，这个更全，从下载工具，node安装，Nginx 部署，PM2部署， MongoDB 安装，非常全，https://juejin.cn/post/6956587204189650957**
3. vue项目布置
vue部署没啥好说的，npm run build 对项目进行打包，我这里在线上是用的nginx ，对后端接口用了反向代理，这里的接口baseUrl用的标识是/api
这里主要是nginx的配置
*** nginx配置在文章最后面***
4.html项目布置
这个也没啥好说的，把项目代码放到线上，然后用nginx配置只想就行了
*** nginx配置在文章最后面***
5.nginx 配置，服务器端口打开
布置启动服务对外要打开对应的端口，这个取决于你的线上服务器提供商，
例如我是在华为云上，我就登录华为云官网，找到我购买的服务器，然后配置安全规则，在安全规则中把我要用的端口进行配置开放
nginx配置主要是html和vue页面的配置，配置文件地址，端口，域名 ，ssl证书，都在这里。
1. node安装
node安装包下载官网地址 https://nodejs.cn/download/
遇到安装错误在上文
软链接文件有类似于Windows的快捷方式。包含的有另一文件的位置信息。
软连接 增删改查操作参考地址 https://www.cnblogs.com/sueyyyy/p/10985443.html
```
创建软链接
// ln -s [源文件或目录] [目标文件或目录]
# 使用绝对路径建立node的软链接
ln -s /root/home/installation-packages/node.js/node.js/bin/node /usr/local/bin/
# 使用绝对路径建立npm的软链接
ln -s /root/home/installation-packages/node.js/node.js/bin/npm /usr/local/bin/
```
2. 后端nodejs项目运行
下载，npm install -g pm2
注意这里其实没有全局能够进行访问，和node一样也需要建立软连接，才能全局访问
下载的PM2的时候会显示，安装到哪里了 仔细看/root/node-v12.22.10-linux-x64/bin/pm2 -> /root/node-v12.22.10-linux-x64/lib/node_modules/pm2/bin/pm2
首先进入项目根目录
启动进程/应用 pm2 start bin/www 或 pm2 start app.js
重命名进程/应用 pm2 start app.js --name wb123
添加进程/应用 watch pm2 start bin/www --watch
结束进程/应用 pm2 stop www
结束所有进程/应用 pm2 stop all
删除进程/应用 pm2 delete www
删除所有进程/应用 pm2 delete all
列出所有进程/应用 pm2 list
查看某个进程/应用具体情况 pm2 describe www
查看进程/应用的资源消耗情况 pm2 monit
查看pm2的日志 pm2 logs
若要查看某个进程/应用的日志,使用 pm2 logs www
重新启动进程/应用 pm2 restart www
重新启动所有进程/应用 pm2 restart all
3. vue项目布置
vue部署没啥好说的，npm run build 对项目进行打包，我这里在线上是用的nginx ，对后端接口用了反向代理，这里的接口baseUrl用的标识是/api
这里主要是nginx的配置
4.html项目布置
这个也没啥好说的，把项目代码放到线上，然后用nginx配置只想就行了
5.nginx 配置，服务器端口打开
布置启动服务对外要打开对应的端口，这个取决于你的线上服务器提供商，
例如我是在华为云上，我就登录华为云官网，找到我购买的服务器，然后配置安全规则，在安全规则中把我要用的端口进行配置开放
nginx配置主要是html和vue页面的配置，配置文件地址，端口，域名 ，ssl证书，都在这里。
```
server {
listen 8009;
server_name localhost;
#charset koi8-r;
#access_log logs/host.access.log main;
location /web { # html页面
root /root/websutstatic;
index index.html index.htm;
rewrite "^/web/(.*)" /$1 break;
}
location / { #vue后台管理
root /root/websutb;
index index.html index.htm;
#前端Vue-router 设置为history模式----↓这行必须加
#try_files $uri $uri/ /index.html;
}
#配置跨域问题 ↓
location /api { #反向代理
proxy_pass http://xx.xx.xx.xx:3000;
rewrite "^/api/(.*)" /$1 break;
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}
```
