全局多环境变量嵌入不到客户端的问题，undefined

最新推荐文章于 2023-09-04 19:31:42 发布
最新推荐文章于 2023-09-04 19:31:42 发布
阅读量102 收藏
点赞数 1
文章标签： vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/JWudi/article/details/120287180
版权 
# 发展环境
ENV = 'development'
VUE_APP_BASE_API = 'www.baidu.com'
API_BASE_URL = '/szjk-api'


// 全局Api
process.env.API_BASE_URL + "/v1/wechat/vaccinePersons"


接口就会报错404，www.baidu.com/undefined/v1/wechat/vaccinePersons， 

问题在于只有NODE_ENV , BASE_URL , VUE_APP_ 开头的变量将通过webpack.DefinePlugin静态嵌入到客户端侧的代码中。

官方文档链接：环境变量

JWudi
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
面试被问到的问题
木木木森林
08-24 295
history 模式怎么配置。 vue-router 跳转页面并刷新为什么会闪屏？ 功能：在 vue-router 中，在当前页面中点击当前页面的路由，页面是不会进行刷新的，如何做到点击当前页面并进行刷新呢？ 解决方法： this.$router.go(0); location.reload() 上两种方法都会出现商品的现象，影响用户体验，如果做到页面刷新不闪屏呢？ 终极解决方案： 在 App.vue，声明 reload 方法，控制 router-view 的显示或隐藏，从而控制页面的再次加载..
前端面试问题（适用于面试回答思路）
yaminne的博客
03-28 4946
原型和原型链 原型：构造函数的 prototype 属性指向了一个对象，这个对象正是调用该构造函数而创建的实例的原型。也即，每个构造函数的实例都有一个原型，叫原型对象，由实例对象的内置属性_proto_指向。每个原型都有一个 constructor 属性指向关联的构造函数。 原型用法：构造函数创建的实例可以访问实例的属性和方法，也可以访问原型的属性和方法。对于原型只能访问自己的属性和方法。考虑这一特性，如果对象公有的属性和方法，我们可以添加到原型上面，对象需要的时候直接访问原型的属性和方法就可以。 当读取实
Vue中process.env关键字，process.env.VUE_APP_BASE_API
coinisi_li的博客
01-04 3万+
Vue Cli 有以下三种运行模式development 模式用于 vue-cli-service servetest 模式用于 vue-cli-service test:unitproduction 模式用于 vue-cli-service build 和 vue-cli-service test:e2e我们查看配置信息，运行Vue CLI命令：开发环境运行npm run dev，要部署服务器发布生产环境时运行npm run build，
Vue中出现最多的“undefined”错误，检查原因以及解决办法（亲测有效）
最新发布
m0_70545163的博客
09-04 1万+
摘要：本文主要来讲讲vue中出现最多的"undefined"错误。
《环境变量》 开发环境跨域
weixin_44523517的博客
08-19 3631
《环境变量》 开发环境跨域
由webpack改为vite遇到的问题总结
Florenza的博客
06-22 980
由webpack改为vite遇到的问题总结
vite 环境变量配置
weixin_40283749的博客
06-14 3324
vite配置环境变量
smarty变量
huangjianxiang1875的专栏
07-26 1465
1、$template_dir [模板目录变量] 该变量定义默认模板目录的名字。当包含文件时，如果不提供一个源类型（即源地址），那么将会到模板目录中寻找。默认情况下，目录是：“./templates”，也就是说他将会在和php执行脚本相同的目录下寻找模板目录。 2、$compile_dir [编译目录变量] 该变量定位编译模板的目录名字。默认情况下，目录是：“./template
前端后台常见问题总结
Bug_money的博客
11-10 6673
1.字符乱码的问题（前后台）： 在浏览器中查看格式是否是unicode编码 在jsp文件中查看头是否是utf-8 看Eclipse的开发环境是不是utf-8 右键–>properties–>utf-8 看tomcat服务器Server文件中server.xml添加URIEncoding=”utf-8” 设置request和respons
web开发环境搭建，htmlhelpworkshop下载
m0_60146621的博客
07-24 2691
突破困境： 1. 提升学历 前端找工作，学历重要吗？ 重要。谁要是告诉你不重要那一定是在骗你。现实情况是大专吃紧，本科够用，硕士占优，大专以下找到工作靠运气和真实力。 学历是硬伤，已经毕业的你，没办法回到从前，如果你是大专，可以通过自考本科提升学历，会有一些帮助。起码可以让更多HR看你的简历。 还有就是用技术的长处去弥补学历的短板，你要做到比学历比你高的人技术更好，让别人看到并认可你的能力。 2. 提高技术 前端开发的基础知识必须要扎实且深入去学习，达到精通的地步。掌握HTML +CSS， HTML是网
VUE_APP_BASE_API 增加无效
m0_37693200的博客
03-08 3647
1、增加VUE_APP_BASE_API后需要从新加载配置文件。 2、dev.env.js 'use strict' const merge = require('webpack-merge') const prodEnv = require('./prod.env') module.exports = merge(prodEnv, { NODE_ENV: '"development"', VUE_APP_BASE_API: '"http://..."' }) 2、prod.e
使用变量process.env.VUE_APP_BASE_API
weixin_40030173的博客
03-11 2万+
使用变量process.env.VUE_APP_BASE_API进行取值。 在js文件中直接使用 const service = axios.create({ baseURL: process.env.VUE_APP_BASE_API, timeout: 10000, }) 1.Vue2.0页面写法 通过data定义 <template> <div> <a :href="this.uploadUrl">点击</a> </
vue项目打包为APP，静态资源正常显示，但API请求不到数据
weixin_34037977的博客
08-17 2332
Vue项目通过Hbuild打包为APP后，静态文件正常显示，但并没有像开发时那样请求到数据。这是为什么？因为APP并没有跨域，不存在跨域一说。我们在开发的时候，js在不同的域之间进行数据传输或通信,所以会给项目设置代理来跨域config下的index.js比如这个 proxyTable: { '/api':{ target: ...
process.env.VUE_APP_BASE_API 获取不到
qq_29384639的博客
06-30 2万+
data中定义 base_api:"" 获取 mounted(){ this.base_api = process.env.VUE_APP_BASE_API },
新Vue-cli的api接口设置问题
TwelveT的博客
03-10 3592
1.旧版本 在之前的vue-cli版本中，是使用process.env.VUE_APP_BASE_API这个参数来获取准确地址进行请求 2.新版本 然而这个方式已经在新版本中使用了反向代理的方式取代，具体是哪个版本开始就没有具体查看，大概是3.x以后，笔者使用的是@vue/cli 4.2.3版本 proxy: { // 本地请求地址 '/api': { // 代理地址 target...
vue:process.env.VUE_APP_BASE_API
qq_44429079的博客
02-14 5531
https://www.cnblogs.com/ddqyc/p/15428194.html
vue中使用axios给生产环境和开发环境配置不同的 baseUrl:process.env.BASE_API
热门推荐
qq_41348029的博客
11-16 4万+
第一步：设置不同的接口地址 找到文件：/config/dev.env.js 代码修改为： const merge = require('webpack-merge') const prodEnv = require('./prod.env') module.exports = merge(prodEnv, { NODE_ENV: '"development"', API_ROOT...
多线程编程陷阱：全局变量与线程安全
在多线程编程中，一个常见的问题涉及到对全局变量的共享访问。当你在一个或多线程环境下，多个线程同时调用一个函数，该函数操作共享的全局变量时，可能会遇到意想不到的问题。例如，在给出的C++代码片段中，`check_...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值