【VUE】vue-如何用全局变量填写后端地址

最新推荐文章于 2023-09-11 10:00:03 发布

蓝莓果糖

最新推荐文章于 2023-09-11 10:00:03 发布

阅读量915

点赞数

分类专栏：前端框架文章标签： vue

本文链接：https://blog.csdn.net/molihuakai_118/article/details/101174291

版权

前端框架专栏收录该内容

11 篇文章 0 订阅

订阅专栏

global
  <!--
   * @描述: 
   * @版本: 
   * @作者: sueRimn
   * @Date: 2019-09-12 08:08:50
   * @最后修改人: sueRimn
   * @LastEditTime: 2019-09-12 08:22:41
   -->
  <script>
  const serverSrc='http://yapi.demo.qunar.com/mock/94155';
  const token='12345678';
  const hasEnter=false;
  const userSite="中国钓鱼岛";
    export default
    {
      userSite,//用户地址
      token,//用户token身份
      serverSrc,//服务器地址
      hasEnter,//用户登录状态
    }
  </script>
  
  main.js
  import global_ from './components/Global'//引用文件
  Vue.prototype.GLOBAL = global_//挂载到Vue实例上面
  html
show() {
      var vm = this;
      let tempUrl = this.GLOBAL.serverSrc;
      const url = tempUrl + "/selectParticipantObject";
      this.$axios
        .get(
          url,
          {}
        )
        .then(res => {
          console.log(res.data.data.projectList);
          //插入一级标题
          vm.$set(this.listOne, 0, res.data.data.listLine[0].lineName);
          vm.$set(this.listOne, 1, "英语");
          //插入二级标题
          vm.$set(
            this.listTwo,
            0,
            res.data.data.listLine[0].listOne[0].parentName
          );
          //插入三级标题
          vm.$set(
            this.listThree,
            0,
            res.data.data.listLine[0].listOne[0].listTwo[0].childName
          );
        })
        .catch(err => {
          console.log(err);
        });
    },