vue_admin
1.0.0
Demo : Online-Demo Dieses Projekt ist nicht für die Entwicklung großer Projekte geeignet
(1) (https://github.com/guodonglw/koa_demo) Dieses Projekt enthält ein Beispiel für ein Clustermodul, das den Multi-Core des Systems zum Starten mehrerer Prozesse verwenden kann (2) (https://github.com/guodonglw/ koa-practice) Dieses Projekt kann grundsätzlich die Anforderungen allgemeiner Seiten erfüllen. Die Projektschlüsselwörter sind RESTful + koa + middleware + mysql + mongo. In der tatsächlichen Entwicklung kann Middleware nach Bedarf hinzugefügt und geändert werden.
Knoten
// 将项目拉到本地
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
In der Entwicklungsumgebung greift der Browser nach Abschluss der obigen Schritte auf http://localhost:8082 zu und kann zur entsprechenden Seite springen (erweiterter Chrome-Browser).
Nachdem Sie die Projektentwicklung in der Entwicklungsumgebung abgeschlossen haben, geben Sie zum Veröffentlichen des Projekts auf dem Server (z. B. dem Nginx-Server) zunächst die Anforderungsadresse (Schnittstellenadresse des Servers) ein. Schließen Sie die URL-Adresse in einfache Anführungszeichen und in doppelte Anführungszeichen ein. Denn wenn Sie den String-Pfad direkt zurückgeben müssen, müssen Sie den String-Inhalt in einfache Anführungszeichen setzen, z. B. BASE_URL: „‘http://192.168.1.111:4000/api‘“), die Portnummer hinzufügen und „/“ nach der URL-API' liegt dies an F2FAdminServer Die Terminalschnittstelle verwendet einheitlich die Form „URL“ + „:“ + „Portnummer“ + „/api“. Führen Sie nach Abschluss der oben genannten Änderungen die folgenden Vorgänge aus.
// 项目打包
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 + ：端口号
Geben Sie nach dem Springen zur Anmeldeseite das entsprechende Konto/Passwort (z. B. lilei/123456) in die entsprechende Datenbanktabelle ein (z. B. admin). Andernfalls ist die Bereitstellung erfolgreich Problem, das auftritt (drücken Sie F12, um die Konsole anzuzeigen), beheben Sie alle Probleme und wiederholen Sie dann die oben genannten Schritte.
Die serverseitige Serverbereitstellung ist in zwei Teile unterteilt: den Node.js-Server und die MySQL-Datenbank.
Methode eins
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
Methode zwei
sudo apt-get node
Nachdem der Knoten installiert wurde, müssen Sie npm verwenden, um das Forever-Daemon-Modul zu installieren.
// 全局安装
npm install -g forever
// 启动项目进程
forever start app.js
// 重启项目进程
forever restart app.js
//停止项目进程
forever stop app.js
Wenn Sie Ihre eigene Serverdatenbank verwenden, müssen Sie MySQL installieren
// 数据库初始化
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已经配置完成
