zhenxun_bot/assets/js/38.c4724726.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[38],{640:function(s,a,t){"use strict";t.r(a);var e=t(17),n=Object(e.a)({},(function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("ContentSlotsDistributor",{attrs:{"slot-key":s.$parent.slotKey}},[t("div",{staticClass:"custom-block warning"},[t("p",{staticClass:"title"}),t("p",[s._v("因为我是直接使用vue run的，所以该教程也以vue run为主，其他方式如nginx可略过")])]),t("div",{staticClass:"custom-block tip"},[t("p",{staticClass:"title"}),t("p",[s._v("别忘了打开服务器端口，默认是8081，修改端口在vue.config.js文件中！")])]),t("h1",{attrs:{id:"开始安装"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#开始安装"}},[s._v("#")]),s._v(" 开始安装")]),s._v(" "),t("h2",{attrs:{id:"安装nodejs"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#安装nodejs"}},[s._v("#")]),s._v(" 安装nodejs")]),s._v(" "),t("p",[s._v("略（百度很多教程，我的环境是Nodejs14")]),s._v(" "),t("h2",{attrs:{id:"安装yarn"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#安装yarn"}},[s._v("#")]),s._v(" 安装yarn")]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("npm install -g yarn\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br")])]),t("h2",{attrs:{id:"安装vue-cli"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#安装vue-cli"}},[s._v("#")]),s._v(" 安装vue-cli")]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("yarn global add @vue/cli\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br")])]),t("h2",{attrs:{id:"获取项目"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#获取项目"}},[s._v("#")]),s._v(" 获取项目")]),s._v(" "),t("p",[s._v("点击 "),t("a",{attrs:{href:"https://codeload.github.com/HibiKier/zhenxun_bot_webui/zip/refs/heads/main",target:"_blank",rel:"noopener noreferrer"}},[s._v("WebUi"),t("OutboundLink")],1),s._v(" 下载项目压缩包"),t("br"),s._v("\nor")]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("git clone https://github.com/HibiKier/zhenxun_bot_webui.git\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br")])]),t("h2",{attrs:{id:"安装依赖"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#安装依赖"}},[s._v("#")]),s._v(" 安装依赖")]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("yarn\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br")])]),t("h2",{attrs:{id:"开始运行"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#开始运行"}},[s._v("#")]),s._v(" 开始运行")]),s._v(" "),t("div",{staticClass:"language- line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-text"}},[t("code",[s._v("yarn run serve\n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br")])]),t("h1",{attrs:{id:"配置账号密码"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#配置账号密码"}},[s._v("#")]),s._v(" 配置账号密码")]),s._v(" "),t("p",[s._v("在"),t("code",[s._v("configs/config.yaml")]),s._v("文件中配置项设置账号密码")]),s._v(" "),t("div",{staticClass:"language-yaml line-numbers-mode"},[t("pre",{pre:!0,attrs:{class:"language-yaml"}},[t("code",[t("span",{pre:!0,attrs:{class:"token key atrule"}},[s._v("web-ui")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("# web-ui")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("# USERNAME: 前端管理用户名")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token comment"}},[s._v("# PASSWORD: 前端管理密码")]),s._v("\n  "),t("span",{pre:!0,attrs:{class:"token key atrule"}},[s._v("USERNAME")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v(" admin\n  "),t("span",{pre:!0,attrs:{class:"token key atrule"}},[s._v("PASSWORD")]),t("span",{pre:!0,attrs:{class:"token punctuation"}},[s._v(":")]),s._v(" \n")])]),s._v(" "),t("div",{staticClass:"line-numbers-wrapper"},[t("span",{staticClass:"line-number"},[s._v("1")]),t("br"),t("span",{staticClass:"line-number"},[s._v("2")]),t("br"),t("span",{staticClass:"line-number"},[s._v("3")]),t("br"),t("span",{staticClass:"line-number"},[s._v("4")]),t("br"),t("span",{staticClass:"line-number"},[s._v("5")]),t("br"),t("span",{staticClass:"line-number"},[s._v("6")]),t("br")])]),t("div",{staticClass:"custom-block tip"},[t("p",{staticClass:"title"}),t("p",[s._v("必须要设置账号密码，否则无法登陆！")])])])}),[],!1,null,null,null);a.default=n.exports}}]);