Skip to content

vue+node+mongodb 从开发到上线的流程

Notifications You must be signed in to change notification settings

fenglingGrass/vue-node-blog

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Vue + Node + Mongodb 开发一个完整博客流程

本地开发:

server端: localhost:3000

后台管理: localhost:8090

web端: localhost:8080

脚本命令

mongod // 启动 mongod

npm run start // 启动 adminMongo 可视化程序界面

npm run server // 启动服务

npm run dev:admin // 本地开发后台管理

npm run dev:client // 本地开发前台页面

npm run build:admin // 项目打包 - 后台管理

npm run build:client // 项目打包 - 前台

npm run analyz // 查看打包信息

注意事项:

  1. mongodb 注册用户
db.createUser({
  user: "admin",
  pwd: "123456",
  roles: [{
    db: "blog",
    role: "readWrite"
  }]
})
  1. server/config.js 文件内配置连接数据库的账号密码
mongodb: {
  username: 'admin',
  pwd: 123456,
  db: 'blog',
  address: 'localhost:27017'
}
  1. blog 数据库先创建一个 users 集合并初始化一个账号,用于登录博客管理后台,登录后可在后台管理界面修改密码
db.users.insert({
  "username" : "admin",
  "pwd" : e10adc3949ba59abbe56e057f20f883e, // 这里是 md5('123456') 后的数据
  "name" : "admin",
  "roles" : [
    "admin"
  ]
})
// 账号:admin  密码:123456
  1. cnpm run server 启动服务器
  2. cnpm run dev:admin 启动后台管理界面
  3. cnpm run dev:client 启动前台页面
  4. 后台管理界面录入数据

mongodb 安装问题

  1. mac端 sudo open -e 〜/.bash_profile 权限被拒绝:

    解决:sudo chown username ~/.bash_profile

  2. mac端 mongod 启动报错:Data directory /data/db not found

    解决:更改指定运行路径,mongod --dbpath '新的可访问存储路径'

  3. mac端 mongod 启动报错:Is a mongod instance already running?

    解决:删除这句报错前提供路径下的 mongod.lock 文件,sudo rm /xxx/xxx/data/db/mongod.lock

  4. mac端:新开终端 mongod 命令失效

    原因:电脑端使用 iterm2 作为终端工具,未加载 ~/.bash_profile 文件中的环境变量

    详解:https://blog.csdn.net/Bronze5/article/details/103440877

    解决:

    vim ~/.zshrc
    
    # 解决iterm2 中zsh 模式不加载 ~/.bash_profile 文件编写的环境变量!
    source $HOME/.bash_profile
    
    source ~/.zshrc
    

参考文章

个人博客

基于Koa2搭建Node.js实战项目教程

手摸手,带你用vue撸后台

About

vue+node+mongodb 从开发到上线的流程

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Languages

  • Vue 44.8%
  • JavaScript 38.6%
  • CSS 14.7%
  • Less 1.6%
  • HTML 0.3%