Vue 添加全局变量

  1. 先创建一个config.vue文件
<script>
    const host_url = 'http://127.0.0.1:8000/';
    const img_upload_url = 'http://127.0.0.1:8000/uploadImg/';
    const img_upload_rich_url = 'http://127.0.0.1:8000/ueUploadImg/';

    export default {
        host_url,
        img_upload_url,
        img_upload_rich_url,
    }
</script>

2.在main.js里面引入
import config from './components/common/config.vue';
Vue.prototype.config = config;

3.在页面直接使用
如:this.config.host_url

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容