前端部署教程
严格按下面教程走完是可以将项目运行起来的,如果遇见无法解决的问题加作者
QQ:924818949或者微信:maliangnansheng⭐ 表示需要特别注意的步骤
# 南粉福利🥇
特别说明:作者教程写的非常详细,严格按教程来一定可以跑起来!
给项目Star⭐了的同学可以 联系作者 (opens new window) 免费给你远程跑起来(前提:自己走过一遍教程,环境已准备OK)
# 部署效果
开源版演示地址:https://open.nansin.top (opens new window)(普通用户:自己注册就行;管理员:椿/123456)
商业版演示地址:https://bbs.nansin.top (opens new window)(普通用户:椿/123456;管理员:测试管理员/123456)
视频教程:https://www.bilibili.com/video/BV1ThYQzfEvR (opens new window)
文档教程:01 南生运营(南生系列基础系统)的设计理念 (opens new window)、 02 10分钟搞懂南生论坛 (opens new window)、 03 如何进行南生论坛管理维护? (opens new window)、 04 南生运营功能介绍 (opens new window)、 05 如何获取南生论坛设计文档? (opens new window)、 06 南生论坛日常迭代(开源计划) (opens new window)
# 常见问题⭐
见【后端】安装部署教程 -> FAQ (opens new window)
# 环境准备
# 1. 安装nodejs
怎么安装自己谷歌/百度
node和npm的版本==尽量和作者一致==哈,其他版本作者也没有测试过(不清楚有没有问题)
管理nodejs作者推荐使用NVM :NVM 安装使用介绍 (opens new window)
验证安装是否成功,出现下面的版本号说明安装成功

# 2. 安装yarn
更多安装方式自己谷歌/百度
npm i -g yarn
验证安装是否成功,出现下面的版本号说明安装成功

# pull源码并导入idea
为什么不用vscode?不要问,问就是作者习惯idea了...
# github
# github(Vue2和Vue3二选一即可)
git clone https://github.com/maliangnansheng/bbs-vue-ui.git
git clone https://github.com/maliangnansheng/bbs-vue3-ui.git
# or
# 码云(Vue2和Vue3二选一即可)
git clone https://gitee.com/maliangnansheng/bbs-vue-ui.git
git clone https://gitee.com/maliangnansheng/bbs-vue3-ui.git
导入idea直接看图

效果

# 启动项目
安装项目依赖⭐
yarn
启动项目
yarn serve
# 失败(成功请忽略)
自己按教程实在无法解决 联系作者 (opens new window) 免费远程
- 网络问题
如果出现类似截图上面的报错信息,直接看这篇文章 设置成国内的镜像源 (opens new window)

- 版本问题
除上面“网络问题”之外的启动失败 99% 的原因都是因为你本地nodejs版本与作者教程提供的版本不一致导致的,请和作者教程版本保持一致!
实在不能和作者保持一致的请参考以下配置: nodejs版本==高于==作者,package.json配置文件中的scripts替换成如下内容:
"scripts": {
"serve": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",
"build": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build"
},
# 浏览器打开项目⭐
前提: nginx 和 前端项目 以及 后端项目都已经启动
访问地址:http://bbs.localhost.com/ (opens new window) 大功告成!
注:请使用域名(即:http://bbs.localhost.com/)访问,否则某些功能无法正常使用!
南生论坛【管理员】账号:
椿/123456
# 我要部署到Linux
南生论坛(本系统)- Linux部署教程 (opens new window)
# 有偿服务⭐
全方位一体式一对一远程手把手教学,有效期一年(365天)
需要作者一对一讲解和分析代码的同学需要有偿(499¥-挣点购买云服务器的费用 😜)
# 我要商用⭐
你如果觉得这个项目非常契合自己(公司)的发展需求,可以获取商用授权 (opens new window)