前后端项目服务器搭建(koa+mongodb+vue+vite)

332 阅读2分钟

本文只是记录自己学习demo的过程。。。。

1.在阿里云上买一个ecs的服务器,因为是自己捯饬着玩,就随便买一个最便宜的。第一次进来需要修改密码,还有就是设置安全组(别忘记添加端口号)。

2.下载xftp和xshell(最好去官网下载永久免费的)。

xshell.en.softonic.com/

3.接下来就是登录你的服务器。

image.png

到了这一步 需要你先去学习一下一些linux的命令。

例如:

vim --------- vim 具有程序编辑的能力
lsof---------lsof -i:端口号
yum 常用命令

1、yum check-update:列出所有可更新的软件清单命令;

2、yum update:更新所有软件命令;

3、yum install :仅安装指定的软件命令;

4、yum update :仅更新指定的软件命令;

5、yum list:列出所有可安装的软件清单命令;

6、yum remove :删除软件包命令;

7、yum search :查找软件包命令:

8、yum clean packages:清除缓存目录下的软件包;

9、yum clean headers:清除缓存目录下的headers;

10、yum clean oldheaders:清除缓存目录下旧的headers;

11、yum clean, yum clean all (= yum clean packages; yum clean oldheaders);清除缓存目录下的软件包及旧的headers。

history 查看历史操作
curl----------- curl是一个利用URL规则在命令行下工作的文件传输工具
基本用法
curl http://www.linux.com
kill ----- 杀死进程
ps -ef | grep *** ----- 查找某个进程
nginx ------ 启动,关闭,重启
netstat -ntlp
netstat -ntlp | grep 8088 查看端口占用

等等。。。感兴趣的自己搜一些命令

4.然后就开始下载 nginx mongo

相关下载教程网上很多 可以自己百度

5.部署node相关代码

app.js

const koa=require("koa")
const Router=require('koa-router')
const router=new Router()
const app=new koa()
var cors = require('koa-cors');

app.use(cors()); // 跨域


const Student = require('./model/student')
router.get('/student', async (ctx, next) => {
  const commentList = await Student.find().sort({_id:-1})
  ctx.body = {
    errno: 0,
    data: commentList
  }
  if (ctx.method === 'OPTIONS') {
    ctx.body = '';
  }
  await next();
})

app.use(router.routes()).use(router.allowedMethods())

app.listen(3000, () => {
  console.log("服务器已启动,http://localhost:3000");
})

db.js

const mongoose = require('mongoose')

// 建立连接
mongoose.connect('mongodb://127.0.0.1:27017/info', { useNewUrlParser: true},{
  if (err) {
    console.log('连接失败', err)
    return
  }
})

module.exports = mongoose

student.js

const mongoose = require('../db')
// 定义一个Schema,与数据库表里字段--对应
let StudentSchema = mongoose.Schema({
  name: String,
  age: Number
})

let Student = mongoose.model('student', StudentSchema, 'student')

module.exports = Student

image.png

image.png

image.png

自此就完成了前后端项目服务器搭建的demo