vue中接口域名配置为全局变量的实现方法

 更新时间:2018年09月20日 11:42:04   作者:y_qingcheng  
今天小编就为大家分享一篇vue中接口域名配置为全局变量的实现方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

src中新建 一个 domain.js文件

// 配置全局接口域名
const domain = 'http://bowensi.xiaoniren.cn/';
export default {
 testUrl:domain
}

main.js中

import domain from './domain.js';
global.domain = domain;

组件中:

data () {
 return {
 imgsrc:domain.testUrl}}

以上这篇vue中接口域名配置为全局变量的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 浅谈validator自定义验证及易错点

    浅谈validator自定义验证及易错点

    这篇文章主要介绍了validator自定义验证及易错点,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-02-02
  • vue项目使用js监听浏览器关闭、刷新、后退事件实现方法

    vue项目使用js监听浏览器关闭、刷新、后退事件实现方法

    用vue做的项目,有个需求就是关闭浏览器的时候,需要往后台提交有个接口,来看看这个账号有没有下线,这篇文章主要给大家介绍了关于vue项目使用js监听浏览器关闭、刷新、后退事件的实现方法,需要的朋友可以参考下
    2024-06-06
  • 如何利用Vue3+Element Plus实现动态标签页及右键菜单

    如何利用Vue3+Element Plus实现动态标签页及右键菜单

    标签页一般配合菜单实现,当你点击一级菜单或者二级菜单时,可以增加对应的标签页,当你点击对应的标签页,可以触发对应的一级菜单或者二级菜单,下面这篇文章主要给大家介绍了关于如何利用Vue3+Element Plus实现动态标签页及右键菜单的相关资料,需要的朋友可以参考下
    2022-11-11
  • Vue+Element一步步实现动态添加Input_输入框案例

    Vue+Element一步步实现动态添加Input_输入框案例

    这篇文章主要介绍了Vue+Element一步步实现动态添加Input_输入框案例,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-09-09
  • 在vue-cli脚手架中配置一个vue-router前端路由

    在vue-cli脚手架中配置一个vue-router前端路由

    这篇文章主要给大家介绍了在vue-cli脚手架中配置一个vue-router前端路由的相关资料,文中通过示例代码介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面跟着小编一起来学习学习吧。
    2017-07-07
  • Vue组件BootPage实现简单的分页功能

    Vue组件BootPage实现简单的分页功能

    这篇文章主要为大家详细介绍了Vue小组件BootPage实现简单的分页功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • 安装@vue/cli报错npmERR gyp ERR问题及解决

    安装@vue/cli报错npmERR gyp ERR问题及解决

    这篇文章主要介绍了安装@vue/cli报错npmERR gyp ERR问题及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-08-08
  • Vue 实现双向绑定的四种方法

    Vue 实现双向绑定的四种方法

    这篇文章主要介绍了Vue 实现双向绑定的四种方法,非常不错,具有参考借鉴价值,需要的朋友参考下吧
    2018-03-03
  • 客户端(vue框架)与服务器(koa框架)通信及服务器跨域配置详解

    客户端(vue框架)与服务器(koa框架)通信及服务器跨域配置详解

    本篇文章主要介绍了客户端(vue框架)与服务器(koa框架)通信及服务器跨域配置详解,具有一定的参考价值,有兴趣的可以了解一下
    2017-08-08
  • Vue利用dayjs封装实现时间实时刷新

    Vue利用dayjs封装实现时间实时刷新

    Day.js库本身专注于简化JavaScript日期和时间的操作,它的API设计直观,且功能强大,可以方便地格式化日期、添加或减去时间间隔、比较日期等,本文主要介绍了Vue利用dayjs封装实现时间实时刷新,需要的朋友可以参考下
    2024-07-07

最新评论