相关疑难解决方法(0)

我在使用VueCLI 3附带的默认服务工作程序缓存文件时遇到一些问题.我更喜欢使用默认的浏览器缓存机制,但似乎无法禁用PWA插件,因为它不在vue.config.js文件中.将空白对象传递给该pwa选项不起作用,因为该对象已合并但未被覆盖.

这看起来很愚蠢,但我设置如下:

在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,我有一个脚本块,使用它像这样:

<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
            });
        } …

vue.config.js我的项目的基本目录中有一个文件。我想将此移到文件/config/夹中其他配置文件旁边。

如何指定此文件的新位置vue-cli？

我正在使用node.js + vue.js构建应用程序，并且想知道是否有人知道如何将环境变量加载到vue.js组件中？现在，我正在使用该dotenv软件包在服务器端代码中加载环境变量，但它似乎不适用于vue.js。

提前致谢！

我们使用的是原始的Vuepress（0.x分支），我们想使用Vuepress配置文件的configureWebpack方法来导出一些自定义变量。

此代码破坏了构建，因为 Webpack 自 2.0 以来不允许自定义属性：

configureWebpack: (config) => {
  config.env = process.env
}

错误：

WebpackOptionsValidationError：配置对象无效。Webpack 已使用与 API 架构不匹配的配置对象进行初始化。- 配置具有未知属性“env”。

我还查看了用于定义插件的 Webpack 文档，但问题是该configureWebpack方法实际上并没有公开 Vuepress 使用的 webpack 实例 - 它直接尝试改变 webpack 选项（这是不允许的） - 但由于 webpack 实例不是不可用，我们不能简单地按照 webpack 想要的方式定义插件。

有谁知道公开可配置环境变量的正确方法，我们可以使用 Vuepress 0.x 在 Vue 组件中使用这些变量？