首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >环境变量在main.js中不可用

环境变量在main.js中不可用
EN

Stack Overflow用户
提问于 2019-07-07 06:10:23
回答 1查看 187关注 0票数 0

我使用Vue-CLI2.9.6创建了项目,现在我想使用.env中的API_URL,但它在main.js中不可用。如何在main.js中使用.env中的API_URL?

代码:

代码语言:javascript
复制
import 'bootstrap-vue/dist/bootstrap-vue.css';
import axios from 'axios';

import Vue from 'vue';
import BootstrapVue from 'bootstrap-vue';
import App from './App';
import router from './router';
import store from './store/store';
import Logger from './utils/Logger';

Vue.use(BootstrapVue);

Vue.config.productionTip = false;

const baseAxios = axios.create({
  baseURL: process.env.API_URL,
});

Vue.prototype.$http = baseAxios;

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  store,
  components: { App },
  template: '<App/>',
});

我需要使用API_URL,因为我想在axios上设置baseUrl。

EN

回答 1

Stack Overflow用户

发布于 2019-07-07 06:12:07

只有以VUE_APP_开头的变量才会使用webpack.DefinePlugin静态嵌入到客户端包中。您可以在应用程序代码中访问它们:

https://cli.vuejs.org/guide/mode-and-env.html#using-env-variables-in-client-side-code

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56917984

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档