springboot+vue+mybatiaplus项目实战-学生成绩管理系统12

vue后端

vue.config.js

module.exports = {
  transpileDependencies: true,
  //关闭eslint的校验
  lintOnSave: false,
  devServer: {
    //配置前端访问端口
    port: 8080
  }
}

package.json

{
  "name": "vueweb",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build"
  },
  "dependencies": {
    "axios": "^1.6.0",
    "core-js": "^3.8.3",
    "echarts": "^5.1.2",
    "element-ui": "^2.15.14",
    "mockjs": "^1.1.0",
    "nprogress": "^0.2.0",
    "qs": "^6.11.0",
    "vue": "^2.6.14",
    "vue-router": "^3.5.1",
    "vuex": "^3.6.2"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "^5.0.0",
    "@vue/cli-service": "^5.0.0",
    "sass": "^1.32.7",
    "sass-loader": "^12.0.0",
    "vue-template-compiler": "^2.6.14"
  }
}

.env.development

# 运行npm run serve 的配置文件
# 自定义配置必须以 VUE_APP开头，
# 在项目的任意位置都可以使用 process.env.VUE_APP_XX的值
NODE_ENV='development'
VUE_APP_BASE_URL='http://localhost:8089'

.env.production

# 运行npm run build 的配置文件
# 自定义配置必须以 VUE_APP开头，
# 在项目的任意位置都可以使用 process.env.VUE_APP_XX的值
NODE_ENV='production'
VUE_APP_BASE_URL='http://localhost:8089'

main.js

import Vue from 'vue'  //引入vue
import App from './App.vue'
import store from '@/store' //引入vuex
import router from "@/router"; // 引入路由
import ElementUI from 'element-ui'; //引入饿了么控件
import 'element-ui/lib/theme-chalk/index.css'; //引入控件样式
import axios from "axios"; //引入axios
import * as echarts from 'echarts' //引入图表
import plugins from "@/plugins/plugins"; //引入插件，自己封装的axios

Vue.prototype.$echarts = echarts;  //将引入的图标变量，加装至vue上，可全局使用
axios.defaults.baseURL='http://localhost:8089';
Vue.prototype.$http = axios;
Vue.use(ElementUI,{size:'small'});  //饿了么控件，设定大小
Vue.config.productionTip = false;
Vue.use(plugins);

new Vue({
  render: h => h(App),
  store,
  router
}).$mount('#app');