用express和vue写了个单页博客,部署在heroku和github page上
发布于 4 个月前 作者 xwlyy 1727 次浏览 来自 分享

网站地址http://www.paidepaiper.top

前端部署在github page上,项目地址 https://github.com/xwlyy/vue-blog 后端部署在heroku上,项目地址https://github.com/xwlyy/express-blog 都是免费的,数据库是mongodb,用mlab的服务,也是免费的。 首次访问我的博客地址加载会比较慢,因为长时间不访问,后端会自动进入休眠状态。前端页面加载完后会发送api请求到后端服务器,后端需要先启动应用才会响应。 不过已经很不错了,毕竟不要钱嘛。

28 回复

不错,顶

顶,我的小尾巴哪去了?

不错啊,廖老师的教程我也学习过

@P-ppc 哈哈,碰到同门是兄弟了

请问,域名是怎么搞的? 我也在heroku上部署过

另外 heroku上提供了其他的SQL数据库postgresql,我使用的sequelize这个ORM 所以可以切换到postgresql,只需要修改下配置就好了

@hezhongfeng heroku本来就支持绑定自有域名,如果你有visa信用卡的话可以验证一下,这样就可以绑定了。不过我没visa卡,所以我把前端部署在github page上,域名绑定的是github page的空间。访问的时候,是前端加载完后再发送跨域请求到我的heroku后端。 据我所知,应该只有spa应用能这么干。

@hezhongfeng postgresql我没用过,我是因为之前在极客学院跟着一个教程学express的时候学了mongodb,所以才选了mongodb做数据库。其实本来还是打算用mysql的,因为这数据库我比较熟悉。但后来因为找不到免费的,所以只能用mongodb了。

@xwlyy 好的~ 我就不这么搞了,想直接都放在heroku上

@xwlyy 哪个 mongodb 是免费的?

@xinshangshangxin mlab,heroku上本来就有这个add-on,但是你如果直接在heroku上用mlab需要验证信用卡。我是直接上mlab官网注册了帐号,然后把数据库的配置连接写到代码里面,这样就可以绕开heroku的信用卡验证了。

如果你真的是为了写博客,想搭一个个人博客的话,最好的肯定是用hexo之类的静态博客生成工具,放到github上,然后国内托管在七牛上,同样是免费的,速度至少比你这快100倍。

真的,发完这个回复,你的页面还没打开。

@hxh1246996371 写这个博客站是为了学习后端的这些技术,express、mongodb。如果纯粹只是为了写博客,那hexo确实是个不错的选择。 访问速度确实比较慢,原因在帖子里已经说过了。

我用gulp写了一个博客 https://github.com/njgzs/blog 很多写的都不规范 等以后慢慢修改了

有个疑问,楼主你用pages 部署,路由怎么处理呢?我看到单独请求某篇博文的url,文档都显示404了,为啥页面还能显示?

@lijsh 把index.html的内容复制粘帖到404.html就可以了

@xwlyy 我一直都可以绑定自有域名,没有说要绑定信用卡啊?

@winglight 这我就不清楚了,反正我绑定域名的时候说让我先验证信用卡。

不错但是提个小建议 ADE59585-EADA-4A55-ACD8-BC4624D5BB18.png

这个 footer 跑上来了。。

@heanxu 这确实是个问题,最近一直在搞后端,忽略了前端,回头得改改

怎么休眠的??后端

回到顶部