vuejs配置：使用全局变量？ [英] vuejs configuration: using a global variable?

问题描述

这看起来很愚蠢，但我设置如下：

This seems dumb, but I have it setup like this:

在 config / index.js 中：

module.exports = {
    API_LOCATION: 'http://localhost:8080/api/'
}

然后在 src / app.js 我有：

import Vue from 'vue'
import VueRouter from 'vue-router'
import VueResource from 'vue-resource';

Vue.use(VueRouter);
Vue.use(VueResource);

const App = require("./app.vue");
const home = require("./components/home.vue");
const config = require('../config');
window.config = config;

然后在 src / components / home.vue ，我有一个脚本块，使用它如下：

Then in src/components/home.vue, I have a script block that uses it like so:

<script>
    module.exports = {
        data: function() {
            return {
                obj: null
            }
        },
        created: function() {
            this.$http.get(config.API_LOCAITON + '/call').then(res => {
                // Do some business
            }, res => {
                // Handle some error
            });
        }
    }
</script>

这样可行，但使用窗口让我觉得不错 code>来处理应用程序配置。这里的规范方法是什么？

This works but it strikes me as a bad idea to use window to handle an application configuration. What's the more canonical approach here?

推荐答案

导入它。

<script>
    import config from "../config"

    module.exports = {
        data: function() {
            return {
                obj: null
            }
        },
        created: function() {
            this.$http.get(config.API_LOCATION + '/call').then(res => {
                // Do some business
            }, res => {
                // Handle some error
            });
        }
    }
</script>

或只是位置。

<script>
    import { API_LOCATION } from "../config"

    module.exports = {
        data: function() {
            return {
                obj: null
            }
        },
        created: function() {
            this.$http.get(API_LOCATION + '/call').then(res => {
                // Do some business
            }, res => {
                // Handle some error
            });
        }
    }
</script>

这篇关于vuejs配置：使用全局变量？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！