美文网首页vue
VUE配置全局url

VUE配置全局url

作者: Mr哎呦喂 | 来源:发表于2020-08-14 17:54 被阅读0次

    两种方法,第一种是理解和阅读起来比较方便的,第二种的灵活性更高一些


    一、只定义公共路径

    1.    创建一个js文件(以api.js为例)

    ```

    const LoginURL  = 'http://xxybi/login'

    export  default{

      LoginURL,

    }

    ```

    2.    然后到main.js去挂载

    ```

    import   api   from   '@/api.js'

    Vue . prototype . api= api

    ```

    3.    使用

    ```

    this.api.LoginURL

    ```


    二、公共路径和请求地址分别定义,然后拼接,这样以后接口改动只要修改一个地方即可

    推荐写法

    2.    同上,到main.js去挂载

    3.    使用

    ```

    this.global.INTERFACES.homeSlideshow

    ```

    相关文章

      网友评论

        本文标题:VUE配置全局url

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