vue_admin

demo : Demo Online Este projeto não é adequado para o desenvolvimento de grandes projetos

Desenvolvimento de projeto expresso do lado da Web + servidor expresso

Para escrever a estrutura koa do lado do servidor, consulte:

(1) (https://github.com/guodonglw/koa_demo) Este projeto tem um exemplo de módulo de cluster, que pode usar o multi-core do sistema para iniciar vários processos (2) (https://github.com/guodonglw/ koa-practice) Este projeto pode basicamente atender às necessidades de páginas gerais. As palavras-chave do projeto são RESTful + koa + middleware + mysql + mongo.

O projeto de demonstração corresponde ao código na pasta web-demo. Os dados são gerados por mock. Para sugestões reais de desenvolvimento, consulte o código na pasta web.

1. Ambiente operacional

nó

2. Configuração do ambiente de desenvolvimento

 // 将项目拉到本地
git clone 项目地址

// cd到本地项目下
cd ../vueProject

// 安装项目运行需要的依赖包
npm install / cnpm install  (注：如需运行cnpm install，需先安运行npm install cnpm安装cnpm)

// 若在npm install后，提示需要执行npm audit fix则继续执行该命令
npm audit fix

// 在本地开发时，运行项目
npm run dev / cnpm run dev

Ambiente de desenvolvimento, após concluir as etapas acima, o navegador acessa http://localhost:8082 e pode pular para a página correspondente (navegador Chrome avançado)

3. Lançamento do projeto

Após concluir o desenvolvimento do projeto no ambiente de desenvolvimento, para publicar o projeto no servidor (como o servidor nginx), primeiro preencha o endereço da solicitação (endereço da interface do servidor, que deve ser Coloque o endereço da url entre aspas simples entre aspas duplas. Porque quando você precisar retornar diretamente o caminho da string, você deve usar aspas simples para colocar o conteúdo da string, como BASE_URL: "'http://192.168.1.111:4000/api'"), adicione o número da porta e '/ depois da url api', isso se deve ao F2FAdminServer A interface do terminal usa uniformemente o formato 'url' + ':' + 'port number' + '/api' Após concluir as modificações acima, execute as seguintes operações.

 // 项目打包
npm run build / cnpm run build

// 查看是否生成了dist文件夹
在文件夹下包括index.html文件和static文件，如作了标题旁的图片，可能还有logo.ico

// cd到dist文件夹下
cd ./dist/

// 将dist文件夹下的static的文件夹与index.html文件直接放在nginx服务器根目录下

// 配置nginx，在nginx.conf文件中修改所要监听的端口

// chrome浏览器访问对应的域名，如http://xxx.xxx.com:123/
如部署到个人服务器，没有域名，访问地址为http:// + ip + ：端口号

Após pular para a página de login, insira a conta/senha correspondente (como: lilei/123456) na tabela correspondente do banco de dados (como admin). Se pular para a página inicial, a implantação será bem-sucedida. problema que ocorre (pressione F12 Abra o console para visualizar), resolva quaisquer problemas e repita as etapas acima.

Projeto expresso do lado do servidor

1. Visão geral

A implantação do servidor no lado do servidor é dividida em duas partes: servidor node.js e banco de dados MySQL.

2. relacionado ao servidor node.js

1. Instalação do ambiente Node.js.

Método um

 wget https://nodejs.org/dist/v4.4.4/node-v4.4.4-linux-x64.tar.xz
tar -xvf node-v4.4.4-linux-x64.tar

Método dois

 sudo apt-get node

2. Módulo daemon para sempre

Após a instalação do nó, você precisa usar o npm para instalar o módulo daemon eterno.

 // 全局安装
npm install -g forever

// 启动项目进程
forever start app.js

// 重启项目进程
forever restart app.js

//停止项目进程
forever stop app.js

3. Banco de dados MySQL

Se você usa seu próprio banco de dados de servidor, você precisa instalar o MySQL

 // 数据库初始化
mysql –uroot –p </root/xxx.sql

4. Projetos de implantação e inicialização de servidores

 // 安装项目依赖
npm install / cnpm install 

// 若在npm install后，提示需要执行git audit fix则继续执行该命令
npm audit fix

// 临时启动项目（检查项目是否有错误）
node app.js

// 后台守护进程启动项目
forever start app.js

Suplemento de configuração sobre https

1. Modificação do código do lado da web

 // vue项目config/prod.env.js修改（改为https的请求协议）
BASE_URL:"'https://xxx.xxx.xxx:111/api'"

// 项目打包（如果之前已经build过，需先执行rm -r dist）
npm run build

// dist文件夹下index.html与static放到nginx下

2. Modificação do código do lado do servidor

 // 停止Server程序
forever stop app.js

// 将ssl的.crt，.key放到Server/cert目录下

// 安装必要模块
npm install http --save -d (加--save -d会将模块名写入package.json中，下次npm install即可安装该模块)
npm install https --save -d
npm install fs --save -d

// app.js开始部分添加代码
var http = require('http');
var https = require('https');
var fs = require('fs');

// Configuare https
const httpsOption = {
    key : fs.readFileSync("./cert/.key"),
    cert: fs.readFileSync("./cert/.crt")
}

// app.js末尾部分代码修改
http.createServer(app).listen(4001 ,function(){
    console.log("Listening on port:" + 1000);
});
https.createServer(httpsOption, app).listen(
    1001,function(){
    console.log("Listening on port:" + 1001);
});

// 至此，https已经配置完成