vue_admin
1.0.0
демо : Онлайн-демо Этот проект не подходит для разработки крупных проектов.
(1) (https://github.com/guodonglw/koa_demo) В этом проекте есть пример модуля кластера, который может использовать многоядерность системы для запуска нескольких процессов (2) (https://github.com/guodonglw/ koa-practice) Этот проект в основном может удовлетворить потребности общих страниц. Ключевые слова проекта: RESTful + koa + middleware + 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 + ：端口号
После перехода на страницу входа введите соответствующую учетную запись/пароль (например: lilei/123456) в соответствующую таблицу базы данных (например, admin). Если происходит переход на домашнюю страницу, развертывание выполнено успешно. В противном случае в соответствии с описанием. возникшая проблема (нажмите F12, откройте консоль для просмотра), устраните все проблемы, а затем повторите вышеуказанные шаги.
Развертывание сервера на стороне сервера разделено на две части: сервер node.js и база данных MySQL.
Способ первый
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
Способ второй
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已经配置完成
