node-vue项目打包上线-注意事项

以下配置基于linux宝塔面板配置

后台api接口部署线上

上传接口代码

创建数据库

代码调整动态适配线上和线下不同环境

用字符串'production'来代表线上, 'development'来代表线下, 这样自适应判断, 我们不必再频繁来回改动一些配置代码

package.json调整

本地环境执行命令npm run start, 启动本地服务, 所以在package.json中修改如下这行, 设置NODE_ENV的值为development

{
  "name": "project3",
  "version": "0.0.0",
  "private": true,
  "scripts": {
    "start": "set NODE_ENV=development && node  ./bin/www ",
	"dev": "nodemon ./bin/www"
},

根目录添加pm2.json

线上环境, 执行时, 使用pm2.json为启动文件, 也设置env.NODE_ENV的值为'production'

{
  "apps" : [{
    "name"        : "dyh-U-api",    //项目ming
    "script"      : "./bin/www",    //启动文件
    "args"        : ["-p", "3000"], 
    "node_args"   : "--harmony",    
    "merge_logs"  : true,        
    "cwd":"./",
    "env": {                  
      "NODE_ENV": "production",
      "PORT": 3000
    }
  }]
}

连接数据库代码调整

/** -------------数据库变更需要修改的地方----------- */
const pStr = process.env.NODE_ENV; // 线上环境值是prduction, 
// 数据库连接参数
exports.dbConfig = {
    host: 'localhost', 
    user: pStr === 'production' ? "dyh" : 'root',
    password: pStr === 'production' ? '!QAZ2wsx' : 'root',
    port: 3306,
    database: 'shop_db' // 数据库名字
}