首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >VueJS和Webpack:已建项目中无法访问的环境变量

VueJS和Webpack:已建项目中无法访问的环境变量
EN

Stack Overflow用户
提问于 2018-05-18 17:51:44
回答 2查看 2.7K关注 0票数 4

我正在开发一个带有vuejs前端和nodejs后端的应用程序。我的前端向后端发出了接口https请求。我从vue-cli和webpack开始了我的项目。我需要从环境变量(BACKEND_URL)获取后端API。由于我使用的是webpack,所以我在config/prod.env.js中添加了这一行:

代码语言:javascript
复制
module.exports = {
  NODE_ENV: '"production"',
 -> BACKEND_URL: JSON.stringify(process.env.BACKEND_URL)
}

它在使用webpack- dev -server的dev模式下可以完美地工作。我通过docker-compose文件传递env var:

代码语言:javascript
复制
environment:
            - BACKEND_URL=https://whatever:3000

但是当我运行build时,我使用nginx来提供静态文件(但问题与使用visual studio code live server扩展时的问题相同)。我发送BACKEND_URL env var的方式和以前一样。现在的问题是process.env.BACKEND_URL在应用程序中没有定义(但在容器中定义)!所以我不能做后端http调用:(我正在努力寻找问题,请不要粗鲁地回应。谢谢

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

https://stackoverflow.com/questions/50408566

复制
相关文章

相似问题

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