vue 生产环境,vue生产环境和开发环境
本文主要介绍如何在Vue生产和开发环境之间切换，以及如何使用滤镜。通过实例代码详细介绍，具有一定的参考价值。感兴趣的朋友可以参考一下。
目录
一、生产环境和开发环境切换第一种方法：配置。env文件来实现第二种方法II。过滤器三。矩时基的使用
一、生产环境，开发环境切换
开发环境：开发环境是在/config/index.js下配置proxyTable。
生产环境：代理在项目打包后会失效，所以要在复制环境中重新配置。
第一种方法：通过配置.env文件来实现
参考：https://cli.vuejs.org/zh/guide/mode-and-env.html
第二种方法
第一步：在不同的环境下创建js文件，然后通过cross-env进行切换。
配置
开发人员
产品js
开发人员
模块.导出={
BASE _ URL:“https://test . 365 msmk . com”
};
产品js
模块.导出={
BASE_URL: https://www.365msmk.com
};
步骤2:安装cross-env并配置要在package.json中传递的参数
安装说明：npm跨环境安装
package.json中的配置
脚本:{
serve : cross-ENV BUILD _ ENV=dev vue-CLI-service serve ，
build :跨环境BUILD _ ENV=prod vue-CLI-service BUILD
}
第三步：修改vue.config.js，添加webpack的配置。
模块.导出={
.
chainWebpack: config={
config.plugin(define )。tap(args={
args[0][process.env]。BUILD _ ENV=JSON . stringify(process . ENV . BUILD _ ENV)；
返回参数；
});
}
};
在业务代码中切换环境。
//读取process.env常量对象中的BUILD_ENV
const ENV type=process . ENV . build _ ENV；
const URL obj=require(` d./config/$ { env type } . js `)；
//创建axios实例
const service=axios.create({
baseURL: urlObj。基本URL vipUrl
});
二、过滤器
1.全局过滤器
定义：
Vue.filter(过滤器名称，函数(a，b，c) {
//.
返回.
})
使用：
{{ num 过滤器名称(v1，v2) }}
2.本地过滤器
3.总结：过滤器使用场景：用于将后台数据处理成用户最终显示的数据格式。
比如：性别、支付状态、物流状态、时间戳。
三、moment时间库使用
时刻官网：momentjs.cn/docs/
安装说明：npm i moment
格式：时刻(时间戳)。格式( YYYY年mm月DD日，HH小时MM分SS秒)；
格式：http://momentjs.cn/docs/#/displaying/
对于开发环境和生产环境，我们都在努力学习，每天总结，每天进步，早日进入IT行业的领先地位。
关于如何在Vue生产和开发环境之间切换以及过滤器的使用，本文到此结束。有关在Vue生产和开发环境之间切换的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。