vue检查项目环境模式(开发环境或者线上环境及本地环境)

打印下面这个常量即可

console.log('process.env.NODE_ENV',process.env.NODE_ENV);

开发环境

process.env.NODE_ENV === "development"

线上环境

process.env.NODE_ENV === "production"

除此之外都是本地环境

案例:比如开发环境和线上环境和本地环境的的域名不一致,就可以通过环境进行判断了,如下:

let url = ''
if (process.env.NODE_ENV === "development") {
	url = '开发环境域名'
	console.log("开发环境")
}
if (process.env.NODE_ENV === "production") {
	console.log("线上环境")
	url = '线上环境域名'
} else {
	url =  '本地环境域名'
	console.log("本地环境")
}

建议直接在vite.config.js里面配置跨域就使用上面的域名

let url = ''
if (process.env.NODE_ENV === "development") {
	// url =  'http://local.fastadmin.cn'
	url = '开发环境域名'
	console.log("开发环境")
}
if (process.env.NODE_ENV === "production") {
	console.log("线上环境")
	url = '线上环境域名'
} else {
	// url =  'http://local.fastadmin.cn'
	console.log("本地环境")
	url = '本地环境域名'
}
export default defineConfig({
	base: '/web',
	server: {
		host: true,
		// open:true,    //设置服务启动时是否自动打开浏览器
		cors: true, //允许跨域
		//设置代理
		proxy: {
			'/api/': {
				target: url,
				changeOrigin: true,
				logLevel: 'debug',
				rewrite: (path) => path.replace('/api', '')
			},
		}
	}
})