美文网首页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