[英]Enviroment variables not available in main.js
我使用Vue-CLI 2.9.6創建了項目,現在我想使用.env中的API_URL,但在main.js中不可用。 如何在main.js中使用.env中的API_URL?
碼:
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。
只有以VUE_APP_開頭的變量將通過webpack.DefinePlugin靜態嵌入到客戶端捆綁包中。 您可以在應用程序代碼中訪問它們:
https://cli.vuejs.org/guide/mode-and-env.html#using-env-variables-in-client-side-code
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.