vue-element-admin打包

vue-element-admin打包的步骤如下：

1. 在命令行中进入项目根目录，运行命令npm run build。

2. 执行完命令后，会在项目根目录下生成一个dist文件夹，里面包含了打包后的文件。

3. 将dist文件夹中的所有文件上传到服务器上，即可完成部署。

注意：在打包前需要先修改config文件夹下的index.js文件中的assetsPublicPath属性，将其改为服务器上的路径。例如，如果服务器上的路径为http://www.example.com/vue-element-admin，则需要将assetsPublicPath改为'/vue-element-admin/'。

相关问题

vue-element-admin 打包后怎么使用mock数据

Vue-element-admin是一个基于Vue.js和element-ui的后台管理系统解决方案，它并没有内置Mock数据的功能，而是使用了Mockjs库来生成随机数据。因此，在打包后使用Mock数据需要按照以下步骤进行：

1. 安装Mockjs库

在项目中安装Mockjs

npm install mockjs --save-dev

2. 创建Mock数据

在项目中创建一个mock文件夹，然后创建一个mock.js文件，用于编写Mock数据。

import Mock from 'mockjs'

Mock.mock('/api/data', {
  'data|10': [{
    'id|+1': 1,
    'name': '@cname',
    'age|18-30': 20,
    'address': '@city'
  }]
})

3. 在main.js中引入mock数据

在main.js中引入mock数据，并且在开发环境下启用Mock数据。

import Vue from 'vue'
import App from './App.vue'
import router from './router'

// 引入Mock数据
if (process.env.NODE_ENV === 'development') {
  require('./mock/mock.js')
}

Vue.config.productionTip = false

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

4. 使用Mock数据

在需要使用Mock数据的地方，发起请求时请求的地址应该和Mock数据中定义的地址一致。

axios.get('/api/data').then(res => {
  console.log(res.data)
})

这样，打包后就可以使用Mock数据了。需要注意的是，Mock数据只能在开发环境下使用，不能在生产环境中使用。

Vue-element-admin

Vue-element-admin是一个基于Vue和Element-UI的后台管理系统解决方案，它使用了最新的前端技术栈，内置了i18n国际化解决方案、动态路由、权限验证等功能，提供了丰富的功能组件，可以帮助你快速搭建企业级中后台产品原型。使用步骤如下：

1. 下载Vue-element-admin，可以通过GitHub或者官网下载。
2. 安装依赖，进入项目目录，运行命令npm install或者yarn install安装依赖。
3. 启动项目，运行命令npm run dev或者yarn dev启动项目。
4. 打包项目，运行命令npm run build或者yarn build打包项目。