vue 如何读取编译携带的参数

vue 环境有很多套，我们需要根据不同环境设置不同的一些参数，如何不装任何依赖的情况下获取参数

下面是我制作官网，需要根据开发还是生产环境配置不同CDN,用vue-cli2+webpack,配置是再：prod.env.js

'use strict'
const config = require('./index')
let argvs = JSON.parse(process.env.npm_config_argv).original;
//下面的步骤就是获取命令行参数。
let cdn_path = '';
let env = argvs.slice(2)[0] ? argvs.slice(2)[0].substring(2) : 'dev';
if (env === 'prod') {cdn_path = config.build.cdnPath
}
if (env === 'dev') {cdn_path = config.dev.cdnPath
}
module.exports = {NODE_ENV: '"production"',CDN_PATH: JSON.stringify(cdn_path)
}

其中编译的命令:

npm run build --dev

npm run build --prod

获取参数的关键是process.env.npm_config_argv

转载于:https://www.cnblogs.com/dehuachenyunfei/p/vue_get_param.html

vue 如何读取编译携带的参数相关推荐

【笔记】微信开发者工具自定义编译模式（编译时，携带指定参数直接跳转指定页面）
文章目录问题解决问题发现这个神奇功能之前,一般都是在 app.json 下 pages 里将当前页面置顶,参数写死... 或是,什么都不做,繁琐的一级一级的点,直到从首页进入需要调试页面... ...
解决vue 跳转相同路由携带不同参数，页面不渲染问题
项目中遇到跳转详情,但是详情中侧边有小列表的存在,这样就是相当于从详情跳到详情,如果直接使用this.router.push的方式,则会发现页面不会重新渲染,写在created和mounted内的方法 ...
vue 路由跳转携带参数
一.<router-link> 方式跳转 1. 携带query参数 <router-link to="/detail?id=001&title=消息001" ...
深入理解 Vue 模板渲染：Vue 模板反编译
vue 文件的构成熟悉 vue 的同学应该都知道,vue 单文件模板中一般含有三个部分,template,script,style. 但是在编译后的 js 文件中,我们却没法在代码中直接找到这三部分 ...
vue 拦截器，增加token参数
1.使用请求拦截器,拦截vue所有请求,增加token参数使用倒数计时,假如token有效期60分钟,会在59分钟的时候去重新拿着refresh_Token,去请求新的token. 注意:如果一个账 ...
获取页面链接后携带的参数
获取页面链接&后携带的参数提示:本方法只在H5页面试用过,vue并未测试,各位可以尝试一下文章目录获取页面链接&后携带的参数前言一.URLSearchParams是什么? 二 ...
vue 项目优雅的对 url 参数加密
实现方案:stringifyQuery 和 parseQuery 近期因为公司内部的安全检查,说我们现在的系统中参数是明文的,包括给后端请求的参数和前端页面跳转携带的参数,因为是公司内部使用的系统,在 ...
layui跳转html如何带参数,Layui跳转页面代码（可携带复杂参数）
今天用了Layui的"数据表格 - 数据操作"示例代码,结果发现点击"编辑"按钮出出来一个弹出消息框,效果如下: 虽然说也可以用"弹出层"做 ...
pandas使用read_csv读取数据使用skiprows参数跳过指定的数据行但保留表头、pandas使用to_csv函数将dataframe保存为gzip压缩文件
pandas使用read_csv读取数据使用skiprows参数跳过指定的数据行但保留表头.pandas使用to_csv函数将dataframe保存为gzip压缩文件目录
编译预处理 -- 带参数的宏定义--【原创】
如有转载请注明出处编译预处理 -- 带参数的宏定义前面为输出文件,后面为输入文件 gcc -E -o test.i test.c gcc -o test test.i test.c test ...

vue 如何读取编译携带的参数

vue 如何读取编译携带的参数相关推荐

最新文章

热门文章