JasonCeng / vue-linux-manager-fronted

一个用Vue.js构建的Linux服务器管理面板前端工程

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

vue-linux-manager-fronted

本项目是一个用Vue.js构建的Linux服务器管理面板前端工程,由于项目采用前后端分离模式,所以前后端分开存储在两个不同仓库中,后端工程请移步到仓库(adonis-linux-manager-api)查看。

一、 环境准备

1.安装Node.js v8+npm v3+

2.安装MySQL 5.5+

二、前端部署说明

1.npm包安装

vue-linux-manager-fronted根目录下运行:npm install安装相应的npm包

2.前端构建

vue-linux-manager-fronted根目录下运行:npm run build 构建前端静态资源,生成dist文件夹

3.Ngxin准备

在服务器上安装并运行nginx服务器

4.部署前端资源

将dist文件夹放到nginx的html目录下,并将文件夹名称修改成对应项目名(即四、访问项目中的前端项目名),方便后期维护与管理

三、后端部署说明

· 后端工程详见:adonis-linux-manager-api

1.将adonis-linux-manager-api文件夹上传到对应的服务器上,位置由你自己决定

2.在adonis-linux-manager-api根目录下运行:npm install

3.创建一个数据库并在 .env 中做好相应配置

4.运行数据迁移,在adonis-linux-manager-api-centos根目录下运行:adonis migration:run

5.使用pm2启动项目:pm2 start server.js

四、访问项目

1.在浏览器中输入你服务器的 ip/前端项目名 即可访问项目

Have a good time~ 😆

About

一个用Vue.js构建的Linux服务器管理面板前端工程


Languages

Language:Vue 74.5%Language:JavaScript 24.8%Language:HTML 0.7%