版本6.x
宝塔新建一个文件夹和创建好数据库,记录账号和密码,自行创建,不做说明
特别注意,如果用宝塔node管理那里运行,如果按照到有pm2的,要先卸载,不可以共存,会有冲突
cool-vue前端
路径:src/cool/config/prod.ts
cool-node后端
路径:src/config/config.default.ts
服务器上默认是运行这个端口
路径:src/config/config.prod.ts
填写服务器创建的数据库账号密码
上传后台代码到服务器
服务器的路径我的是:/www/wwwroot/node/cool-node,根据你自己实际情况而定
打包生产环境,终端根目录输入 yarn build
拷贝以下几个文件夹
上传后的
然后根目录再新建一个front目录,用来放前端打包的生产环境文件
上传cool-vue前端文件
打包cool-vue的生产环境
根目录打开终端输入命令:yarn build
把生成的disk目录下的文件拷贝到服务器刚创建的front文件里面(不要带disk目录,只拷贝disk里面的文件)
导入数据库
创建node站点
选择根目录和填写端口,node后端代码上面截图显示是8001,这里要填8001
默认用www权限,如果启动有报错,提示写入日志权限不足,就改成root
填写域名
点击保存提交,会自动下载依赖
启动成功后
配置Nginx
配置文件里面删除自动生成的规则
伪静态里面添加自定义规则
如果不删除上面的规则,添加下面的规则保存会报错冲突,因为下面也有一个
location / { }
location /api/ 里面的第一行,proxy_pass http://127.0.0.1:8001/; 8001端口要对应刚启动时填写的端口
# 前端打包完放这边,路径根据自己的实际目录
root /www/wwwroot/node/cool-node/front;
# 防止刷新404
location / {
try_files $uri $uri/ /index.html;
}
# 代理服务端地址 访问/api 表示访问服务端接口而不是静态资源
location /api/
{
proxy_pass http://127.0.0.1:8001/;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header REMOTE-HOST $remote_addr;
proxy_cache_bypass no_cache;
#缓存相关配置
#proxy_cache cache_one;
#proxy_cache_key $host$request_uri$is_args$args;
#proxy_cache_valid 200 304 301 302 1h;
#持久化连接相关配置
proxy_connect_timeout 3000s;
proxy_read_timeout 86400s;
proxy_send_timeout 3000s;
#proxy_http_version 1.1;
#proxy_set_header Upgrade $http_upgrade;
#proxy_set_header Connection "upgrade";
add_header X-Cache $upstream_cache_status;
#expires 12h;
}
保存重启Nginx服务
登录后台界面
启动报错:
1、没有上传到disk目录到服务器