vue3.0+node+mongodb完成项目部署到heroku

前言

本人只是一个前端，一直想独自完成一个项目的前端、后台，现在终于实现了，虽然只是刚入门。
我写这篇博客是因为百度上搜到的部署到heroku的教程实在是太少了，而且都讲一半不讲一半，靠自己摸索着终于是完成了，分享给大家。

工具

1. vue-cli
2. node
3. mongodb Atlas（数据库，可以免费申请一个空间）
4. heroku（挺好的，就是有个缺点：需要翻墙才能注册）
5. git

github地址（有帮助请Star一个，谢谢~）

https://github.com/lbm526/vue-node-app

成功后的项目连接

https://frozen-wildwood-96313.herokuapp.com

以下代码分布图

关于vue的东西就不介绍了，主要是标出重要的东西，对vue全家桶不了解可以去搜索相关教程学习。

代码&部署

1. 修改package.json(很重要)

• 在你根目录下的package.json的“scripts”里面增加如下代码

"postinstall": "npm run build",
"start": "node server.js",

• 将生产环境必须的模块放到dependencies里面，像vue这些就不需要的，因为打包后是普通的html+css+js，需要的例如：“body-parser”、"express"等，以下是我项目必须的：

"dependencies": {
    "axios": "^0.18.0",
    "bcrypt": "^3.0.6",
    "body-parser": "^1.19.0"