项目安装
1、下载node.js 2、检查是否下载成功 node -v 3、npm i @vue/cli -g 4、前后端分别运行: npm install
前端代码运行
npm run serve
后端代码运行
node app.js
注意事项
1.后端代码需要抽离出来独立放在一个文件夹 2.修改db文件夹中的index.js文件,将数据库连接配置换成自己的
主程序启动代码main.js
import Vue from 'vue'
import App from './App.vue'
// 导入样式
import './assets/css/bootstrap.css'
import './index.css'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
// 导入路由
import router from './router'
Vue.use(ElementUI)
Vue.config.productionTip = false
new Vue({
router,
render: h => h(App)
}).$mount('#app')
后端主程序代码:
const express = require('express')
const app = new express()
const bodyParser = require('body-parser')
app.use(bodyParser.urlencoded({ extended: false }))
app.use(bodyParser.json())
// 配置跨域
const cors = require('cors')
app.use(cors())
// 挂载响应报错的全局中间件
app.use((req,res,next)=>{
res.showMsg = (err,status = 1)=>{
res.send({
status,
message:err instanceof Error?err.message:err
})
}
next()
})
// 挂载路由
const studentApi = require('./router/student.js')
app.use('/api',studentApi)
app.listen(8081,()=>{
console.log('http://127.0.0.1:8081')
})
完整源码下载地址:https://download.csdn.net/download/FL1768317420/89208558