vue

vue-cli区分办法 vue配置生产环境.env.production、测试环境.env.development vue配置webpack生产环境、测试环境 在使用webpack创建完vue2项目的时候，为了解决生产打包、测试打包对应的全局变量不一致的问题。 首先看一下package.json的改动： "scripts": { "dev": "webpack-dev-server --inlin…

每天一个报错，个各不相同。 看见下面的这行报错是不是感觉跟熟悉？ 没错，vue的跨域问题，记录一下我的解决方法并分享给大家 ~ . ~ Response to preflight request doesn’t pass access control check: No ‘Access-Control-Allow-Origin’ header is present on the requested…

vue3中如果获取/使用原型链中的方法 template中 //与vue2一致 <div > {{$t("back")}} </div> setup中 import { ref,getCurrentInstance } from "vue"; const _this = getCurrentInstance().appContext.config.globalPropert…

html部分 对于后端返回的 blob格式的语音流，前端如何转化成 src路径，使用audio标签进行播放。 HTML代码部分很简单，就是audio标签即可（我这里是基于vue） 所以就是要解决 srcUrl即可，即把Blob语音流转化。 JS部分 首先来认识一个类 —FileReader 。 FileReader对象允许Web应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）的内容，使…

webpack 认识webpack 1.1 webpack是什么 1.2 webpack与gulp的区别 webpack的安装 webpack的起步 webpack的配置 4.1 动态获取路径 loder的使用 5.1 loader是什么 5.2 loder—使用css文件 代码 问题记录 5.3 less文件的处理 5.4 图片文件的处理 5.5 ES6转ES5的babel webpack中配置…

由于懒加载页面太多的话会造成webpack热更新太慢，所以开发环境不使用懒加载，只有生产环境使用懒加载。 我们可以在工具utils设置的文件夹里增加一个开发环境路由配置和生产 环境路由配置。 增加了一个import.development配置和import.production文件。在这两个文件里我们分别设置路由的按需加载（通过函数）和直接引用. 在import.development.js中 /…

1.路由守卫 1. 作用：对路由进行权限控制 2. 分类：全局守卫、独享守卫、组件内守卫 3. 全局守卫: 1.全局前置守卫：初始化时执行、每次路由切换前执行    router.beforeEach((to,from,next)=>{       console.log('beforeEach',to,from)       if(to.meta.isAuth){ //判断当前路由是否需要…

文档 版权声明：本文为qq_43712187原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。原文链接：https://blog.csdn.net/qq_43712187/article/details/118112184

页面展示效果 一、页面结构 分为三个部分 head body 以及script 一般我个人是在head中引入一些组件库 , 还有一些样式 ; style 也可以定义在其中, 通过id选择器 ,还有类选择器进行 定义 script 标签体中引入的是一些常见的组件库 LIink 标签体中引入的是一些CSS样式 body中一般是书写页面的结构 , 也就是定义一个DIV , 然后在其中书写书写页面中的各种…

由于最近vue3已发布为默认安装版本，其中的composition-api是一个特性亮点，很多人都想尝试一下，但由于vue3不再支持IE11，很多项目还不能直接迁移使用vue3, 还好近期推出了@vue/composition-api组件，可方便vue2项目体验组合式API，具体使用流程如下： 1、 npm install @vue/composition-api 2、在main.js中引入并使用…