学无先后,达者为师

网站首页 Vue 正文

vue如何使用全局变量

作者:Code_BinBin 更新时间: 2022-02-24 Vue

vue是最近很火的一个前端框架,不管是前端还是后端,都需要学会vue,在我们写项目的时候经常会使用vuecil来搭建项目,我们知道,生产环境和上线环境是不一样的,生产环境是localhost,上线环境是自己服务器的公网ip,当我们写完项目准备部署到服务器上面的时候,我们就需要修改axios 的地址,但是一个一个的去修改未免显得麻烦,那么,我们是不是可以提取出一个全局的变量来定义呢?

首先,我们先找到main文件
在这里插入图片描述
接着,我们写下如下配置

在这里插入图片描述

Vue.prototype.$baseUrl='http://localhost:8080'

最后在vue项目里面修改axios的地址

在这里插入图片描述
大功告成

原文链接:https://blog.csdn.net/weixin_43145539/article/details/113937654

栏目分类
最近更新