分享:快速部署一个node+vue2:SPA应用

发布时间:2019-05-25 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了分享:快速部署一个node+vue2:SPA应用脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

2016年vue一直是一个很火的话题,在12中旬我也用node + vue2.0全家桶模仿 hexo 的 Yumemor主题鲁了一个博客。github项目地址,用vue2.0鲁博客的已经很多,这里主要讲讲如何快速的部署一个node+vue的博客新浪上(非广告,只为分享给那些需要的同学),如果你是对这个博客感兴趣可以访问这里
图片描述

图片描述

这里以我的博客为例子:
  • 先准备好代码

    gIT clone git@github.COM:zhangfu-git/vue2.0-.git
    npm run build
  • 登录新浪云 => 点击控制台 => 选择云应用SAE => 创建应用

  • 点击应用名(进入到应用管理) => 点击应用菜单=> 选择代码管理(按说明上说代码)成功创建数据库

  • 点击数据库与缓存服务 => 选择mongoDB => 创建数据库 => (成功后进如详情复制URI)

  • 代码管理下面有一个环境变量,我们需要添加一个MONGODB_URI,值为true

上面这些步骤已经准备好了线上的环境,现在只要简单的修改代码里面mongodb连接的URI和添加一个环境变量就可以跑起我的博客了。
//打开项目找到config/db_config.js
let MONGODB_URI = 'mongodb://localhost/zhangfu'    //本地数据库uri

if (PRocess.env.MONGODB_URI) {    //MONGODB_URI  这是等等新浪云上需要添加环境变量,主要是区分生成和开发环境
  MONGODB_URI = '添加上刚才复制的mongodb的URI'
}

module.exports = {
  MONGODB_URI: MONGODB_URI
}
好了现在就可以访问到刚才部署的网站,相比自己买一个服务器安来说快速多了,几分钟搞定!!!下面放几张操作流程图:

图片描述

分享:快速部署一个node+vue2:SPA应用


分享:快速部署一个node+vue2:SPA应用


分享:快速部署一个node+vue2:SPA应用


@H_544_126@

脚本宝典总结

以上是脚本宝典为你收集整理的分享:快速部署一个node+vue2:SPA应用全部内容,希望文章能够帮你解决分享:快速部署一个node+vue2:SPA应用所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。