vue_admin
1.0.0
demo : Demostración en línea Este proyecto no es adecuado para el desarrollo de grandes proyectos
(1) (https://github.com/guodonglw/koa_demo) Este proyecto tiene un ejemplo de módulo de clúster, que puede utilizar el núcleo múltiple del sistema para iniciar múltiples procesos (2) (https://github.com/guodonglw/ koa-practice) Este proyecto Básicamente puede satisfacer las necesidades de las páginas generales. Las palabras clave del proyecto son RESTful + koa + middleware + mysql + mongo. En el desarrollo real, el middleware se puede agregar y modificar según sea necesario.
nodo
// 将项目拉到本地
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
Entorno de desarrollo, después de completar los pasos anteriores, el navegador accede a http://localhost:8082 y puede saltar a la página correspondiente (navegador Chrome avanzado)
Después de completar el desarrollo del proyecto en el entorno de desarrollo, para publicar el proyecto en el servidor (como el servidor nginx), primero complete la dirección de solicitud (la dirección de la interfaz del servidor, que debe envolver la dirección URL entre comillas simples entre comillas dobles. Porque cuando necesita devolver directamente la ruta de la cadena, debe usar comillas simples para encerrar el contenido de la cadena, como BASE_URL: "'http://192.168.1.111:4000/api'"), agregue el número de puerto y '/ después de la URL api', esto se debe a F2FAdminServer La interfaz del terminal utiliza uniformemente la forma de 'url' + ':' + 'número de puerto' + '/api'. Después de completar las modificaciones anteriores, realice las siguientes operaciones.
// 项目打包
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 + ：端口号
Después de saltar a la página de inicio de sesión, ingrese la cuenta/contraseña correspondiente (como: lilei/123456) en la tabla correspondiente de la base de datos (como admin). Si salta a la página de inicio, la implementación se realizará correctamente. problema que ocurre (presione F12 para abrir la consola para ver), resuelva cualquier problema y luego repita los pasos anteriores.
La implementación del servidor del lado del servidor se divide en dos partes: servidor node.js y base de datos MySQL.
Método uno
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 dos
sudo apt-get node
Una vez instalado el nodo, debe usar npm para instalar el módulo daemon para siempre.
// 全局安装
npm install -g forever
// 启动项目进程
forever start app.js
// 重启项目进程
forever restart app.js
//停止项目进程
forever stop app.js
Si utiliza su propia base de datos de servidor, necesita instalar MySQL
// 数据库初始化
mysql –uroot –p </root/xxx.sql
// 安装项目依赖
npm install / cnpm install
// 若在npm install后，提示需要执行git audit fix则继续执行该命令
npm audit fix
// 临时启动项目（检查项目是否有错误）
node app.js
// 后台守护进程启动项目
forever start app.js
// 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下
// 停止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已经配置完成
