配置参数

编辑配置文件:

/src/cool/config
    ├──dev.ts 开发环境
    ├──prod.ts 生产环境
    ├──proxy.ts 代理地址
    └──index.ts 公共参数

代理配置

  • /dev 开发
  • /prod 生产
export const proxy = {
	"/dev": {
		target: "http://127.0.0.1:8001",
		changeOrigin: true,
		rewrite: (path: string) => path.replace(/^\/dev/, "")
	},

	"/prod": {
		target: "https://show.cool-admin.com",
		changeOrigin: true,
		rewrite: (path: string) => path.replace(/^\/prod/, "/api")
	}
};

切换代理

默认使用 dev 代理,如需修改只要在地址栏拼接参数 proxy=${代理前缀},以便于调试多个服务:

  • http://localhost:9000?proxy=dev 切换到 dev
  • http://localhost:9000?proxy=prod 切换到 prod

请求地址

baseUrl

开发:

import { getUrlParam, storage } from "../utils";
import { proxy } from "./proxy";

export default {
	// 根地址
	host: proxy["/dev"].target,

	// 请求地址
	get baseUrl() {
		let proxy = getUrlParam("proxy");

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

		return `/${proxy}`;
	}
};

生产:

import { proxy } from "./proxy";

export default {
	// 根地址
	host: proxy["/prod"].target,

	// 请求地址
	baseUrl: "/api"
};

应用配置

app

{
	name: "COOL-ADMIN",

	// 菜单
	menu: {
		// 是否分组显示
		isGroup: false,
		// 自定义菜单列表
		list: []
	},

	// 路由
	router: {
		// 模式
		mode: "history",
		// 首页组件
		home: import("/$/demo/views/home/index.vue")
	},

	// 字体图标库
	iconfont: []
};

配置 iconfont: https://www.iconfont.cn/open in new window

忽略规则

ignore

{
	// 不显示请求进度条
	NProgress: ["/sys/info/record"],
	// 页面不需要登录验证
	token: ["/login", "/401", "/403", "/404", "/500", "/502"]
};

测试

test

{
	// 测试token
	token: "",
	// 是否使用 mock
	mock: false,
	// 是否开启 eps 加载
	eps: true
};
Last Updated: