vue项目部署上线

-项目参考视频:https://www.bilibili.com/video/av58969687?from=search&seid=1963372220470807398
-项目源码:https://github.com/wxs77577/node-vue-moba
-参考链接:https://blog.csdn.net/qq_44775782/article/details/104310834

-mongodb安装配置启动:
https://www.cnblogs.com/cbowen/p/11748922.html
-Mongodb可视化界面下载安装:
https://blog.csdn.net/ligh_sqh/article/details/81112428
进入到项目里面然后只执行命令即可:

npm install

然后启动这个界面项目:

npm start

启动之后在浏览器中输入网址http://127.0.0.1:1234即可进入到主界面

一 .运行项目

git clone https://github.com/wxs77577/node-vue-moba
cd node-vue-moba

1.mongodb
cd /usr/localhost/mongodb(mongodb的存储位置)
source .bash_profile
mongod --dbpath data --logpath log/mongod.log --logappend   //启动mongodb服务
mongo  //连接数据库

2.server
cd node-vue-moba/server
npm install
node index

3.client(这里有两个客户端:web和admin)
cd node-vue-moba/admin(web)
npm install
npm run serve

二 .模仿全栈之巅项目构建自己的vue全栈项目
项目搭建:
项目构建之初Vue+Express+MongoDB练手项目
https://www.jianshu.com/p/f0e292508d14

后台管理:
https://www.jianshu.com/p/9ef3fb3576e6
https://www.jianshu.com/p/09d5ae9ca077

登陆:
https://blog.csdn.net/qq_26598303/article/details/53468399?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task

mkdir 文件夹(项目名) 
如mkdir vue_express_mongodb

1.server
cd  vue_express_mongodb
mkdir server
cd  server
npm init  //初始化项目,将生成package.json文件
//(1)server文件夹下新建index.js
//(2)`npm i -g nodemon`
npm i express@next mongoose cors  //安装express、mongoose、cors

2.vue

vue create 客户端名
如vue create admin
cd/admin
vue add element
vue add router 

三 .向gitee提交代码:
(1)先在码云上创建新仓库,码云:https://gitee.com
(2)初创建仓库:

cd 项目目录
git init 
git add .
git commit -m "first commit"
git remote add origin git@gitee.com:kate-yang/moba2.git(创建仓库时ssh地址)
git push -u origin master

(3)若已有仓库:

cd existing_git_repo(git init后的项目)
git remote add origin git@gitee.com:kate-yang/moba2.git(创建仓库时ssh地址)
git push -u origin master

四 .可能碰到的问题:
1.阿里云服务器 nginx公网IP无法访问浏览器
参考:https://blog.csdn.net/sinat_25957705/article/details/80641077

2.域名未成功解析,DNS服务器状态运行异常
参考:https://help.aliyun.com/knowledge_detail/117709.html

3.向gitee提交完代码后运行node index会出现两处报错:
(1)连接数据库时要加上第二个参数{ useNewUrlParser: true }

(2)node.js版本太低
node.js版本升级:https://www.jianshu.com/p/d2c962d7b186

五 .域名备案:
https://beian.aliyun.com