Vue + ElementUI 实现后台管理系统模板 -- 前端篇（一）

（2）如何使用？

想要使用自定义配置，首先需要在 项目的根目录下 创建一个 vue.config.js。

使用 json 格式进行配置。

配置文件各属性可以自行查阅官方文档（此处不过多展开，简单举两个例子）。

module.exports = {

}

（3）修改端口号

项目默认 使用 8080 端口访问项目，当 8080 被占用时，会自动选择新的端口打开。

可以自定义端口访问，如下定义端口为 4000。

module.exports = {

devServer: {

port: 4000

}

}

重启项目

2、生产环境、开发环境

（1）简介

开发的过程中，一般分为 开发、测试、生产等环境。

不同的环境下，会有不同的变量、属性（比如 端口、ip 地址不同）。

所以需要对不同的环境设置不同的配置文件。

（2）开发环境、生产环境

【参考文档：】

https://cli.vuejs.org/zh/guide/mode-and-env.html#%E6%A