vue clic3.0+下根据启动/打包指令不同 请求的后端地址不同

1. 创建prod.env.js:

'use strict'
const URL  = require('./request.json');
const target = process.env.NODE_ENV
let obj = {}
console.log("target:",process.env.NODE_ENV)
if(target === 'dev') {
	obj = {
		NODE_ENV: "development",
		_BASEURL: `${URL.dev.baseURL}`
	}
} else if(target === 'testDev') {
	obj = {  
		NODE_ENV: "testing",
		_BASEURL: `${URL.testDev.baseURL}`
	}
} else if(target === 'sit') {
	obj = {  
		NODE_ENV: "testing",
		_BASEURL: `${URL.sit.baseURL}`
	}
} else if(target === 'prd') {
	obj = {  
		NODE_ENV: "production",
		_BASEURL: `${URL.prd.baseURL}`
	}
}
export default obj

2 创建request.json:

{
	"dev":{
		"baseURL": ""
	},
	"testDev":{
		"baseURL": ""
	},
	"sit":{
		"baseURL": "" 
	},
	"prd":{
		"baseURL": ""
	}
}

3 在项目根目录下创建.env.dev文件:(以及.env.testDev    .env.sit    .env.prd)

NODE_ENV  =  'dev'   //testDev/sit/prd

4. 在封装的axios中引入:

import path from "@/xxx/prod.env.js"
axios.request({
    url:path._BASEURL+'/login'
})

 

 

 

你可能感兴趣的:(Vue,前端vue)