vue项目的环境配置文件格式注意！！！

最新推荐文章于 2023-10-17 22:33:19 发布
最新推荐文章于 2023-10-17 22:33:19 发布
阅读量388 收藏 1
点赞数
文章标签： vue.js javascript node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tonyatan/article/details/120656455
版权
在Vue项目中，作者遇到了在.env.development文件中定义全局变量时的一个小错误，误将VUE_APP_BASE_VUE_URL的值设置为双引号并附加了逗号。这个错误可能导致变量解析问题，提醒开发者在配置此类环境变量时务必细心，确保值的正确格式，避免使用不必要的逗号。
摘要由CSDN通过智能技术生成

今天遇到个小坑，在vue项目的根目录里面有这样一个文件.env.development
我的理解是存一些全局变量的一些东西，类似于java的yml文件里面写变量。
今天在.env.development写变量的时候由于粗心，哈哈哈，例如：VUE_APP_BASE_VUE_URL = “http://127.0.0.1:8089/wzcssdc/ksdwhsxt”,
VUE_APP_API_HOST = ‘http://127.0.0.1:8085’

仔细观察可以看到，VUE_APP_BASE_VUE_URL 的值是双引号，并且我还加了一个逗号，大家伙千万要细心啊！！！VUE_APP_BASE_VUE_URL 的值是单引号的，后面都不要写逗号

tonyatan
关注
构建vue项目配置和环境配置
蛋蛋老公的博客
08-01 871
注意：变量名必须以 VUE_APP_ 开头，这样才能在项目中被识别为环境变量。新建文件.env.development。新建文件.env.development。新建文件.env.production。新建文件.env.production。vite中获取环境变量。vue中获取环境变量。
vue配置文件基本形式
qq_27664967的博客
09-15 141
module.exports = { devServer: { port: 1111, //端口 open: true //自动打开浏览器 }, assetsDir: "static", //静态文件打包目录 productionSourceMap: false //是否生成.map文件 }
Vue知识整理，让你快速入门Vue.js：03_2.本地应用：v-text指令、插值表达式、单引号和双引号的使用
鲁迷那的专栏—坚持实践后再写出来！
03-21 1803
目录 一、v-text指令介绍 二、插值表达式 支持写表达式、单引号和双引号的使用 三、实例代码测试 1、v-text指令使用 （1）实例代码 （2）效果展示 2、插值表达式_部分替换 （1）实例代码 （2）效果展示 3、v-text指令结合表达式_单双引号 （1）实例代码 （2）效果展示 四、内容-总结 上篇文章我们介绍了这章所学习的内容，这一节我们学习第一个指令：......
vue 通过.prettierrc 配置文件 将页面 双引号修改单引号 去掉分号
weixin_54160772的博客
08-20 1427
singleQuote”: true // 使用单引号。“semi”: false, // 不使用分号。
vue代码格式配置
李振恒
10-20 451
.prettierrc { "semi": false, //去掉代码后的分号、 "singleQuote": true, //双引号变为单引号 }
Vue开发中使用.env配置开发和生产环境中不同的变量
Dexter's Laboratory
03-09 5186
使用.env文件可以方便的配置开发调试环境和服务器正式部署的生产环境中使用两套不同的配置文件,以实现代码中不用来回切换要访问的api接口路径需求. 官方文档 https://cli.vuejs.org/zh/guide/mode-and-env.html 创建.env文件 在vue项目的根目录下分别创建.env.development和.env.production两个文本文件分别用于开发和生...
vue项目使用.env文件配置全局环境变量的方法
10-16
.env文件是一种环境配置文件，它允许开发者为项目定义一系列的环境变量。这些变量可以在代码的任何位置被访问，并且可以用来控制项目在不同环境下的行为。在Vue项目中，通常会使用以下几种.env文件： 1. .env：这是...
webpack + vue 打包生成公共配置文件（域名） 方便动态修改
10-16
本文将详细介绍如何使用`webpack`和`vue`构建项目时，生成一个公共配置文件（如`serverConfig.json`），以便在不重新打包的情况下动态修改域名。 ### 需求原因 在实际项目开发中，由于存在开发、测试和生产等多个...
vue项目环境变量配置的实现方法
10-17
Vue项目环境变量配置的实现方法是开发过程中一个重要的环节，它允许开发者针对不同的运行环境（如开发环境和生产环境）设置不同的配置变量，以此来区分例如接口地址等环境差异。本文将详细介绍如何在Vue项目中进行...
vue 不同环境后端域名打包配置处理
weixin_44996006的博客
05-26 321
vue 不同环境后端域名打包配置处理
Vue项目开发与规范--编码指南篇
大灰狼的小绵羊哥哥的博客
08-22 991
这里是官方的 Vue 特有代码的风格指南。如果在工程中使用 Vue，为了回避错误、小纠结和反模式，该指南是份不错的参考。不过我们也不确信风格指南的所有内容对于所有的团队或工程都是理想的。所以根据过去的经验、周围的技术栈、个人价值观做出有意义的偏差是可取的。 对于其绝大部分，我们也总体上避免就 JavaScript 或 HTML 的本身提出建议。我们不介意你是否使用分号或结尾的逗号。我们不介意你在...
Vue 环境变量设定 .env.develop
学习笔记
07-04 416
Vue 环境变量设定 .env.develop https://cli.vuejs.org/guide/mode-and-env.html 环境文件的定义 环境文件可以有如下 .env # 任意环境下都会载入 .env.local # 任意环境下都会载入，不受 git 控制 .env.[mode] # 只有特定的环境下载入 .env.[mode].local # 只有特定的环境下载入，不受 git 控制 development 用于
vue项目配置多环境
最新发布
m0_69254007的博客
10-17 299
如果文件内部不包含 NODE_ENV 变量，它的值将取决于模式，例如，在 production 模式下被设置为 "production"，在 test 模式下被设置为 "test"，默认则是 "development"。请注意，只有 NODE_ENV，BASE_URL 和以 VUE_APP_ 开头的变量将通过 webpack.DefinePlugin 静态地嵌入到客户端侧的代码中。），且没有 .env.hello文件，也没有配置NODE_ENV属性。，如果有.env.hello文件，且文件中配置。
vue3+vite中process.env
丿灬安之若死
02-26 761
config.ts 与plugins统计新增define 并且新增如上变量。vue3与vue2不同，没有了那个配置文件。加上后仍旧process 会报错。
项目部署步骤
weixin_65849268的博客
03-08 255
编译完以后，会出现一个dist的文件夹，把整个dist文件夹里面的内容，不包括dist目录，上传到对应的目录里面去就可以了。# 修改前端代码的配置文件和main.js里面的baseURL地址。# 172.17.0.6 这就是redis容器的ip。# 172.17.0.5 这就是redis容器的ip。# 172.17.0.7 这就是redis容器的ip。8.1 修改flask的配置。# 查看redis容器的ip。# 查看mysql容器的ip。# 修该对应代码位置的ip。# 查看es容器的ip。
vue-cli3中process.env.BASE_URL配置、接口代理以及其他配置
热门推荐
后知后觉
12-05 11万+
  vue-cli3的源码部分：@vue/cli-service/lib/util/resolveClientEnv.js module.exports = function resolveClientEnv (options, raw) { const env = {} Object.keys(process.env).forEach(key => { if (pre...
vue与原生app交互之vue工程主动获取url携带的参数
julystroy的博客
12-29 5763
不管是Android还是iOS都有各自的架构体系，在一定程度上是完全不依靠其他语言或者技术上的支持去完成所需功能，但是不可否认的是html做的图形化界面就是比原生的好看和流畅。比如下面这张图： 问题：后台url请求需要携带cookie，需要用户的useId,但是我做的这个vue工程只是app里的一个小模块······ 需求：在用webview加载该模块时，需要同时传入cookie和useId，v...
vue项目打包为APP，静态资源正常显示，但API请求不到数据
weixin_34037977的博客
08-17 2342
Vue项目通过Hbuild打包为APP后，静态文件正常显示，但并没有像开发时那样请求到数据。这是为什么？因为APP并没有跨域，不存在跨域一说。我们在开发的时候，js在不同的域之间进行数据传输或通信,所以会给项目设置代理来跨域config下的index.js比如这个 proxyTable: { '/api':{ target: ...
[配置]VUE中通过process.env判断开发，测试和生产环境，并分环境配置不同的URL HOST
tom_wong666
05-02 2万+
需求： VUE开发前端项目，需要分环境配置URL和做相关处理 思路：通过process.env做判断和处理 实现一：环境区分 1，找到项目配置文件夹： config文件夹 2，进入如下三个文件： dev.env.js 对应开发环境 test.env.js 对应测试环境 prod.env.js 对应生产环境 找到如下代码： // 开发环境 module.exports = merge(prodEn...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值