如何获得ENV型Laravel + VueJS + Homestead

时间:2016-04-25 00:18:33

标签: javascript laravel-5.2 vue.js homestead env

我正在使用Laravel + VueJS + Homestead开发应用程序,并且每个人都知道在Laravel 5.2上我们有一个env文件,我们可以在其中设置env变量...我想做类似的事情,但是我可以访问的方式它来自我的JavaScript代码!

我已经阅读了有关proccess.NODE_ENV但我不知道我是否做得对,但它看起来只适用于npm开始没有?当我通过家园运行我的应用程序时,我真的不知道该怎么做!

提前致谢!

2 个答案:

答案 0 :(得分:7)

我有一个config.js文件,我保留配置变量,如:

const IS_LOCAL = process.env.NODE_ENV !== 'production'

const API_BASE_URL = IS_LOCAL
    ? 'http://api.domain.dev/v1'
    : 'http://api.domain.com/v1'

const LOGIN_URL = "auth/login"
const LOGOUT_URL = "auth/logout"
const REFRESH_URL = "auth/refresh"

export default {
    IS_LOCAL,
    API_BASE_URL,
    LOGIN_URL,
    LOGOUT_URL,
    REFRESH_URL
}

然后,如果我需要一个文件中的配置变量,我只需要调用:

import {REFRESH_URL, LOGIN_URL} from "./config.js"

答案 1 :(得分:6)

您可以将APP_ENV环境变量转储到托管JavaScript的页面,稍后再访问它或将其传递给Vue。

<script type="text/javascript">
    var env = "{{ env }}";
</script>

然后在你的控制器中......

$env = getenv("APP_ENV");

可以获得APP_ENV

的价值