# 请求地址

baseUrl: string

export const baseUrl = (function() {
	let proxy = getUrlParam("proxy");

	if (proxy) {
		store.set("proxy", proxy);
	} else {
		proxy = store.get("proxy") || "dev";
	}

	return isDev ? `/${proxy}/admin` : `/api/admin`;
})();

WARNING

开发环境下会与代理拼接:/dev/{url} 实际请求是 http://127.0.0.1:8001/{url},如下代理请求配置

WARNING

生产环境下则是:/api/{url}

# 代理请求

代理请求是为了避免前端请求跨域,PROXY_LIST 配置只有在开发环境有效。

// vue.config.js

const PROXY_LIST = {
	"/dev": {
		target: "http://127.0.0.1:8001",
		changeOrigin: true,
		pathRewrite: {
			"^/dev": ""
		}
	},

	"/pro": {
		target: "https://show.cool-admin.com",
		changeOrigin: true,
		pathRewrite: {
			"^/pro": "/api"
		}
	}
};

访问地址添加参数 proxy,可替换请求代理,方便前后端各自调试。示例:

WARNING

路由路径不能以 /dev/pro 开头, 否则会冲突. 修改路径地址或者修改代理名称即可.

# 阿里字体图标库

iconfontUrl: string

示例图

# 路由模式

routerMode: hash | history

参照 vue-router (opens new window)

# 应用配置

const app = {
	name: "cool-admin",

	conf: {
		showAMenu: false, // 是否显示一级菜单栏
		showRouteNav: true, // 是否显示路由导航栏
		showProcess: true, // 是否显示页面进程栏
		customMenu: false // 自定义菜单
	},

	theme: {
		color: "", // 默认主题色
		url: "" // 默认主题样式路径,如 https://xxxx/theme/black.css、/theme/black.css
	}
};

# 自定义菜单列表

app.conf.customMenu = true 才生效

const menuList = [
	{
		// 菜单图标
		icon: "icon-workbench",
		// 菜单名称
		name: "工作台",
		// 菜单路由
		router: "/",
		// 菜单类型,0:目录,1:菜单,2:权限
		type: 0,
		// 子菜单
		children: [],
		// 菜单文件路径
		viewPath: "views/workbench/demo.vue"
	}
];