Skip to content

A personal blog website management terminal developed by Vue framework and element component library

License

Notifications You must be signed in to change notification settings

fzcoder/blog-admin

Repository files navigation

BLOG-ADMIN

一个使用 Vue 框架和 element 组件库开发的个人博客网站后台管理端。

一、项目简介

该项目为个人博客网站后台管理端,采用 Vue 框架编写,集成了vue routeraxios,并且采用 element 作为UI组件库。

项目的服务端地址为: https://github.com/fzcoder/blog-server

二、功能特性

本项目自v2.0版本起将支持在下载文章时添加一些静态博客(如:hexohugo 等)所需要的一些头部信息,方便配合静态博客。关于本项目更多的功能特性,请详见 Release 版本说明。

三、安装部署

1、克隆到本地

$ git clone https://github.com/fzcoder/blog-admin.git

2、安装NPM依赖

首先请确保您已经安装了 node.jsnpm

在安装完node.jsnpm之后输入以下指令安装依赖:

$ npm i

如果您位于中国大陆,也可以通过淘宝镜像进行安装。首先需要安装cnpm

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

之后便可用cnpm安装NPM依赖

$ cnpm i

3、修改配置文件

src/目录下找到main-dev.jsmain-prod.js分别修改以下内容:

// 配置请求的根路径
axios.defaults.baseURL = 'http://<host>:<port>/api'

将其中的hostport更改为你本地服务端的地址和端口号即可

4、运行项目

首先请确保您已经安装了 vue cli

在安装完vue cli之后在项目根目录下打开控制台,输入以下命令以开发模式启动项目:

$ npm run serve