宝塔面板部署(Vue+Node+MongoDB)项目

前端打包好项目,`dist`

来www\wwwroot目录下,这里是默认的入口目录,把打包好的dist文件放在这个目录下,
我把dist名字改成了vue-hotai-item

然后在宝塔面板的软件商店,搜索Nginx下载,下载完成后,点击配置,选择配置修改,
找到server,如下:

如果你的路由模式是history,那就还要加一个代码,不加你打开的前端界面刷新就会变成404,
还是在server里面添加,如下:

然后保存,修改完Nginx一定要重启不然没用,这时候你就可以访问你的IP地址,可以看见你的项目界面了.

后端配置

后端文件上传的时候,把node_modules依赖删掉,不然文件太大也可能会出错,用终端来npm i下载依赖就好了,
后端文件还是放在wwwroot入口目录下,放好之后,来到软件商店里下载PM2,接下来在配置里的模块管理,添加你需要的模块,我用到了Express npm等,如下:

接下来就要打开终端,cd到后端文件存放位置,下载依赖了,接下来操作如下:

进入到终端后,来到后端文件存放位置,npm i 下载依赖:

下载完成后,关闭终端,还是在软件商店下载你需要的数据库,我用的Mongodb,所以不用设置账号密码,
如果用的到的mysql,那么你就配置一下用户密码,需要跟接口里的用户密码一致,继续回到PM2配置下的项目列表,填写路径等,如下:

添加后,如果跟我上图一样,有停止|重启 显示,那么恭喜你成功一半了,如果什么都没有,
你可以在日志管理,最上面有一个项目日志目录/root/.pm2/logs,点击那个目录路径,进去查看xx-error.log,报错信息.
成功后,接下来,配置跨域Nginx代理,还是来到Nginx的配置修改: