美文网首页
vue设置全局访问接口API地址(全局变量)

vue设置全局访问接口API地址(全局变量)

作者: xintop | 来源:发表于2021-07-20 11:37 被阅读0次

    在src目录下新建interface文件夹,新建index.js文件

    //配置全局访问接口地址
    let commonUrl = "http://ip:port";
     
    let baseUrl = {
        commonUrl
    }
     
    export default baseUrl
    

    在main.js中引入上述配置

    import api from "./interface/index"
     
    Vue.prototype.$api = api.commonUrl
    

    至此,再项目中其他js方法中就可以用:

    this.$api 
    

    来获取 这个全局变量了。

    相关文章

      网友评论

          本文标题:vue设置全局访问接口API地址(全局变量)

          本文链接:https://www.haomeiwen.com/subject/eycjmltx.html