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');