vue_admin
1.0.0
デモ: オンライン デモ このプロジェクトは大規模なプロジェクトの開発には適していません
(1) (https://github.com/guodonglw/koa_demo) このプロジェクトには、システムのマルチコアを使用して複数のプロセスを開始できるクラスター モジュールの例があります (2) (https://github.com/guodonglw/ koa-practice) このプロジェクトは基本的に一般的なページのニーズを満たすことができます。プロジェクトのキーワードは、RESTful + koa + ミドルウェア + mysql + mongo です。実際の開発では、必要に応じてミドルウェアを追加および変更できます。
ノード
// 将项目拉到本地
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
開発環境、上記の手順を完了すると、ブラウザは http://localhost:8082 にアクセスし、対応するページにジャンプできます (高度な Chrome ブラウザ)
開発環境でプロジェクトの開発が完了した後、プロジェクトをサーバー (nginx サーバーなど) に公開するには、まずリクエスト アドレス (サーバーのインターフェイス アドレス) を入力します。URL アドレスを二重引用符で囲んで単一引用符で囲みます。文字列パスを直接返す必要がある場合は、一重引用符を使用して文字列の内容を囲み (BASE_URL: "'http://192.168.1.111:4000/api'")、ポート番号と '/ を追加する必要があるためです。 URL api' の後ろ、これは F2FAdminServer によるものです端末インターフェースは一律「url」+「:」+「ポート番号」+「/api」の形式を使用します。上記の変更が完了したら、次の操作を実行します。
// 项目打包
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 + ：端口号
ログイン ページにジャンプした後、データベースの対応するテーブル (admin など) に対応するアカウント/パスワード (例: lilei/123456) を入力します。それ以外の場合は、デプロイメントは成功です。発生した問題を確認し (F12 キーを押してコンソールを表示し)、問題を解決してから、上記の手順を繰り返します。
サーバー側のサーバー展開は、node.js サーバーと MySQL データベースの 2 つの部分に分かれています。
方法 1
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
方法 2
sudo apt-get node
ノードのインストール後、npm を使用して永遠デーモン モジュールをインストールする必要があります。
// 全局安装
npm install -g forever
// 启动项目进程
forever start app.js
// 重启项目进程
forever restart app.js
//停止项目进程
forever stop app.js
独自のサーバー データベースを使用する場合は、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已经配置完成
