一、隐藏源码 vue.config.js中将配置 productionSourceMap 改成 false 1 2 3 4 5 module.exports = { publicPath:'./', productionSourceMap:false, ... } 二、隐藏控制台日志 vue.config.js 中 新增以下配置: 1 2 3 4 5 configureWebpack: (config)=>{ if(process.env.NODE_ENV ==='production'){ config.optimization.minimizer[0].o...
首先,你需要在Vue项目中安装vConsole库。你可以使用npm或yarn等包管理工具进行安装。以下是使用npm安装vConsole的命令: bash npm install vconsole --save-dev 2. 在Vue项目中引入vConsole 接下来,你需要在Vue项目的入口文件(通常是main.js或main.ts)中引入vConsole。引入后,你需要根据环境变量来判断是否在生产环境...
VITE_APP_API_BASEURL = / # 调试工具,可设置 eruda 或 vconsole,如果不需要开启则留空 VITE_APP_DEBUG_TOOL = # 是否开启代理 VITE_OPEN_PROXY = true 1. 2. 3. 4. 5. 6. 7. 8. 9. 2、测试环境 .env.test NODE_ENV = production # 页面标题 VITE_APP_TITLE = 页面标题(test) # 接口请求...
本模版框架通过 process.env.VUE_APP_PACKAGE_TYPE 获取到环境,然后在 utils/baseUrlConfig.js 中去配置不同环境的 baseUrl。 命令及环境值说明 依托环境不同而需要修改的变量 建议的配置方法(以 utils/baseUrlConfig.js 为例) letapiUrl =""if(process.env.VUE_APP_PACKAGE_TYPE ==='development') {// ...
VueJs各个版本— 判断当前是开发、生产环境:https://blog.csdn.net/No_Name_Cao_Ni_Mei/article/details/134196440?spm=1001.2101.3001.6650.2&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EYuanLiJiHua%7EPosition-2-134196440-blog-90716074.235%5Ev40%5Epc_relevant_3m_sort_dl_base2&depth...
// 如果是测试环境 if (this.env === 'test') { this.testInit() return } } testInit () { import('vconsole').then(({ default: VConsole }) => { new VConsole() console.log('测试vconsole加载完成') typeof this.callBack === 'function' && this.callBack() ...
env.NODE_ENV !== "production") { var VConsole = require("vconsole/dist/vconsole.min.js") var vConsole = new VConsole() Vue.config.performance = true } Vue.$openRouter = Vue.prototype.$openRouter = Navigator.openRouter new Vue({ router, store, render: (h) => h(App), }).$mount(...
1.npm 安装 npm install vconsole 2.初始化 & 配置 在入口文件main.js中加入以下代码 import Vconsole from 'vconsole'; const vConsole = new Vconsole(); 3.打印日志 与 PC 端打印 log 一致,可直接使用 console.log() 等方法直接打印日志: console.log('Hello World'); 4.注意 VConsole 只是 vConsole 的...
sdk方法中,会执行betterHandler()方法,意思是,如果当前app/ios的登录人是admin,那就显示vconsole,否则就不显示。 3.根据生产created()方法被调用2次、而测试正常的现象,排查到问题方法位置: // 如果是生产环境if(this.env !=='test') {this.prodInit() ...
更多功能 - 路由缓存、带防御的水印、灰色和色弱模式、SVG Loader、VConsole、白屏加载动画、单元测试、国际化 项目用到的技术 Vue3:采用 Vue3 + script setup 最新的 Vue3 组合式 API Vant:轻量、可定制的移动端 Vue 组件库 Pinia:传说中的 Vuex5 Vite:真的很快 Vue Router:路由路由 TypeScript:JavaScript ...