vue3-main.js配置全局变量
导出后使用:我的$link做了代理,我的所有接口都放在一个js文件里,所以我要把$link引入到js文件中使用。
·
//mian.js内
var app=createApp(App)
if (process.env.NODE_ENV === "development") {
//本地环境
//定义全局变量
app.config.globalProperties.$link = "/link"
}
if (process.env.NODE_ENV === "test") {
//测试包
app.config.globalProperties.$link = ""
console.log('test')
}
if (process.env.NODE_ENV === "production") {
//正式包
app.config.globalProperties.$link = ""
console.log('production')
}
// 创建应用程序后,我在main.js中创建了另一个导出,其中包含所有全局属性:
const globals = app.config.globalProperties
export { globals }
导出后使用:我的$link做了代理,我的所有接口都放在一个js文件里,所以我要把$link引入到js文件中使用
import axios from 'axios'
// 现在,我们可以在任何js文件中导入全局变量,并像这样使用它:
import { globals } from '../../main'
//获取
//globals.$link
//登录接口
export function login(data) {
return axios({
method: 'post',
url:globals.$link+'/api/plan-market/shop/login',
data:data
})
}
更多推荐
已为社区贡献1条内容
所有评论(0)