pm2-Node项目部署
【摘要】 pm2-Node项目部署
pm2-Node项目部署
接下来我们将node项目部署进我们的服务器，首先把我们项目都扔进去
配置环境
这里我用的是yarn，安装一下
npm install yarn -g
// 配置环境
yarn
// 启动pm2
pm2 start app.js --name "node-api-nexus"
// 重新启动pm2 设置开机自启
pm2 startup
pm2 save
查看详细日志
pm2 logs node-api-nexus
启动以后我们就可以直接在浏览器打开地址对我们的系统后台进行访问了
http://XXXXXX:3200/
6、前端部署
环境安装
接下来我们继续部署我们的前端应用，先用我们的项目连接一下我们的数据库尝试一下 OK，没什么问题，然后我们开始部署前端项目
项目名称为nexus-vue，项目打包好的路径位于 /opt/nexus-vue 下面
// 打包前端项目
yarn build
// 更新和安装nginx
// 更新可以跳过 之前我们已经进行过
sudo apt update
sudo apt install nginx
// 查看版本
nginx -V
配置nginx
sudo nano /etc/nginx/sites-available/nexus-vue
// 配置如下
server {
listen 80;
server_name localhost; # 替换为你的域名或IP
root /opt/nexus-vue;
index index.html;
location / {
try_files $uri $uri/ /index.html;
}
# 如果需要代理API请求
location /api {
proxy_pass http://localhost:3000;
}
}
server {
listen 8080;
server_name localhost; # 替换为你的域名或IP
# 前端静态文件
root /opt/nexus-vue;
index index.html;
# 前端路由
location / {
try_files $uri $uri/ /index.html;
}
# 后端API请求
location /api {
proxy_pass http://localhost:3000;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection 'upgrade';
proxy_set_header Host $host;
proxy_cache_bypass $http_upgrade;
}
# WebSocket连接
location /ws {
proxy_pass http://localhost:3001;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
proxy_set_header Host $host;
}
}
开放接口
sudo ufw allow 8080
sudo systemctl restart nginx
处理日志错误
// 检查nginx错误日志
sudo tail -f /var/log/nginx/error.log
//开放文件权限
sudo chmod -R 755 /opt/nexus-vue
// 检查配置
sudo nano /etc/nginx/sites-available/nexus-vue
// 重新启动nginx
sudo systemctl restart nginx
部署
写一个测试页面扔进去
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>我是测试页面</title>
</head>
<body>
<h1>我是测试页面</h1>
</body>
</html>
访问我们的地址http://域名IP:8080/
这个时候已经可以看到我们的项目已经部署上去了
重新加载以后，ok，到这里我们全链路都部署上去了
【声明】本内容来自华为云开发者社区博主，不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源（华为云社区）、文章链接、文章作者等基本信息，否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）