【WEB】vue搭建自己的博客网站并部署到服务器

技术框架和基本库:

1.前端:vue-cli脚手架,vue-router管理路由,axios前后端交互。
2.服务器端:使用node语言开发,express作为开发框架,提供api借口给前端ajax调用。路由和render交给vue解决。同时以RESTful api 来通信。后台主要负责与数据库建立连接并处理增删该查的操作。
3.数据库:mongodb
4.引用的js库:用 Marked.js 和 highlight.js 。从数据库拿到数据进行渲染。默认的样式很丑,所以我自己写了一个。
5.Webpack作为静态资源的打包和发布工具。

开发流程

1.数据库
由于在数据库中需要存储文章的数据,因此新建article的schema,model,controller。controller中包括了与arcticle相关的数据库操作(使用axios),这样可以将与arcticle相关的操作集中在一个文件里方便管理。
2.写后端的提供给axios的接口
同样针对不同的内容分开写到不通文件中。
这里要注意的是,由于在调试的时候,vue本身就是一个小型的服务器了,所以需要配置代理。配置代理的方式也很简单,只需要在config文件中写入

  proxyTable: {
      '/api': {
        target: 'http://localhost:9999
        changeOrigin: true
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值