mirror of
https://github.com/PanJiaChen/vue-element-admin.git
synced 2025-09-11 21:59:53 +08:00
774db45cdb
1. 把 Mockjs 功能移到 server 端中间件，同时也兼容前端直接劫持 XHR 2. dev 环境下默认作为 express 中间件通过 webpack server 提供 mock api 3. prod 构建时，默认在前端用 Mockjs 劫持 XHR benefits: - dev 开发调试时能直接看到 XHR 请求，方便调试网络，能和后端对接联调 - 避开在开发时因为 Mockjs 引起的网络 bug - prod 构建时劫持 XHR，保证本项目的 Github Pages preview 能正常显示 (逻辑和 error-log 一样) - 前后台使用的 mock 是同一份代码，不会增加维护负担 ref: [#562](https://github.com/PanJiaChen/vue-element-admin/issues/562#issuecomment-378116233)
47 lines
1.0 KiB
JavaScript
47 lines
1.0 KiB
JavaScript
import Vue from 'vue'
|
|
|
|
import Cookies from 'js-cookie'
|
|
|
|
import 'normalize.css/normalize.css' // A modern alternative to CSS resets
|
|
|
|
import Element from 'element-ui'
|
|
import 'element-ui/lib/theme-chalk/index.css'
|
|
|
|
import '@/styles/index.scss' // global css
|
|
|
|
import App from './App'
|
|
import router from './router'
|
|
import store from './store'
|
|
|
|
import i18n from './lang' // Internationalization
|
|
import './icons' // icon
|
|
import './errorLog' // error log
|
|
import './permission' // permission control
|
|
|
|
import * as filters from './filters' // global filters
|
|
|
|
import { mockXHR } from '../mock' // simulation data
|
|
|
|
// mock api in github pages site build
|
|
if (process.env.NODE_ENV === 'production') { mockXHR() }
|
|
|
|
Vue.use(Element, {
|
|
size: Cookies.get('size') || 'medium', // set element-ui default size
|
|
i18n: (key, value) => i18n.t(key, value)
|
|
})
|
|
|
|
// register global utility filters.
|
|
Object.keys(filters).forEach(key => {
|
|
Vue.filter(key, filters[key])
|
|
})
|
|
|
|
Vue.config.productionTip = false
|
|
|
|
new Vue({
|
|
el: '#app',
|
|
router,
|
|
store,
|
|
i18n,
|
|
render: h => h(App)
|
|
})
|