vue3项目自适应屏幕宽度安装插件：lib-flexible、postcss-px2rem、px2rem-loadercnpm install lib-flexible --savecnpm install postcss-px2rem --savelib-flexible是来作为移动端适配的解决方案的，postcss-px2rem将代码中px自动转化成对应的rem的一个插件。在main.js中引

vue3.0实现移动端自适应项目使用vue3.0编写代码，说要打包成apk文件，在安卓上看，现在需要适配移动端的样式，记录一下，亲测有效。安装插件vue脚手架略过lib-flexible : 会自动在html的head中添加一个<meta name="viewport">的标签，同时会自动设置html的font-size为屏幕宽度除以10，也就是1rem等于html根节点的font-s

做项目的时候遇到了一个需求，拖拽按钮到指定位置，添加一个输入框。基本思路：基本按钮添加指定位置里面写好需要的输入框，只不过用v-show隐藏起来，拖拽触发条件显示输入框，同时隐藏按钮给按钮加可拖动标签，给指定位置加可放置标签拖动按钮到指定位置，改变显示条件，输入框显示出来，按钮消失首先安装插件 vue-drag-dropcnpm install --save vue-drag-drop然后引入插件

关闭单个页面、整个浏览器、刷新都可以触发mounted() {window.onbeforeunload = e => {e = e || window.event// 兼容IE8和Firefox 4之前的版本if (e) {e.returnValue = '关闭提示'}// Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+return '关闭提示'

vue项目打包做app模拟真机测试 无法请求后台服务接口背景：本地的测试使用的是反向代理，可以不用管目标地址问题，但是打包成apk测试却不可以，需要使用目标地址，而且在开发的代码中无法实现跨域，打包后是找不到接口的原本的写法：//配置http.js文件import axios from 'axios'const instance = axios.create({timeout: 60000,hea