代码拉取完成,页面将自动刷新
项目说明
项目特点
项目部署
- 进入Idea Terminal终端:分别执行 npm install、npm run dev即可启动。
- 前端部署完毕,就可以访问项目了。URL:http://localhost:8008/#/login 账号:admin 密码:123456
# 构建生产环境(默认)
npm run build
# 构建测试环境
npm run build --qa
# 构建验收环境
npm run build --uat
# 构建生产环境
npm run build --prod
# 安装Nginx,并配置Nginx
server {
listen 81;
server_name localhost;
location / {
root dist;
index index.html index.htm;
}
}
# 启动Nginx后,访问如下路径即可 http://localhost:81 账号:admin 密码:123456
# 说明:1、将前端打包生成的静态文件dist放到nginx里并和conf目录同级
2、将dist文件里的static目录移到与conf同级位置,并删除有版本号的文件夹、静态文件只保留static、config、index.html
3、修改config文件夹下的index.js文件,修改后的文件如下:
// cdn地址 = 域名 + 版本号
window.SITE_CONFIG['domain'] = './'; // 域名
//window.SITE_CONFIG['version'] = '2007061021'; // 版本号(年月日时分)
//window.SITE_CONFIG['cdnUrl'] = window.SITE_CONFIG.domain + window.SITE_CONFIG.version;
//cdn地址去掉版本号
window.SITE_CONFIG['cdnUrl'] = window.SITE_CONFIG.domain;
- 打包报错:Module build failed: Error: ENOENT: no such file or directory, scandir 'D:\code\bowen-admin\node_mod
- 解决方式
- npm rebuild node-sass
- npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver
- gulp版本语法冲突
- 解决方式
- npm install --save-dev gulp@3.9.1
- https://www.liquidlight.co.uk/blog/how-do-i-update-to-gulp-4/
- npm i optimize-css-assets-webpack-plugin@3.2.0
- node-sass安装报错node-sass@4.12.0 postinstall: `node scripts/build.js`
- 解决方式
- cnpm install node-sass --save
登录页面
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。