如何运行vue项目
在师兄的推荐下入坑vue.js ，发现不知如何运行GitHub上的开源项目，很尴尬。通过查阅网上教程，成功搭建好项目环境，同时对前段工程化有了朦朦胧胧的认知，因此将环境搭建过程分享给大家。 首先，...
2024-01-10
vue项目打包压缩？
vue项目已经使用UglifyJsPlugin进行打包压缩了，上级要求项目打包之后js文件再小点，还有什么处理办法呢？希望大佬们能给点建议，如果可以的话，有点代码支持！拜谢！！！回答：webpack配置Compression-webpack-plugin压缩gzip文件https://segmentfault.com/a/1190000044007909回答：可以安装一下这个插件compres...
2024-02-05
初始化一个vue项目
1.安装node端开发框架和环境都是需要 Node.js ，先安装node.js开发环境，vue的运行是要依赖于node的npm的管理工具来实现，下载https://nodejs.org/en/，安装完成之后，打开cmd开始输入命令。（需要用管理员权限cmd）。2.查看node的版本号下载好node之后（默认安装即可自动配置好环境变量），以管理员身份打开cm...
2024-01-10
vue 实际项目总结
vue+element+es6vue 项目开发总结：①对后台数据的要求，最好最省事的开发格式 1、复选框值： true/false 2、单选按钮： 字符串格式 3、克隆新增功能： get带参返回数据 最好 和save保存时要求的数据一致， 一些没用的数据影响功能的最好别返回 ...
2024-01-10
Vue外卖项目
“饱了么”外卖项目：【注：大二下学期自己的兴趣爱好，突然想玩VUE，就参考教程，自己修改做了一个点餐项目，因为时间原因，没有去美化和完善，抽些空余时间会把自己做的项目加以完善】具体代码和功能实现要求，之后会放到网站上，通过电脑配置的node环境可以进行访问：静态页面：店铺...
2024-01-10
vue项目运行端口问题
在运行vue项目时，项目配置端口与实际运行端口不一致这是什么原因 而且每一次重新启动的端口还都是随机的，没有重复的，困扰一天了，求解回答：npm install portfinder@1.0.21运行一下就可以了回答：今天也遇到这个问题了~！解决办法：在项目的 package.json 中新增一个属性：{ "resolutions": { "@vue/cli...
2024-01-10
node打包vue项目
1、控制台在项目根目录执行npm run build会在根目录产生一个dist文件夹2、打开index.html，网页控制台可以看到错误Failed to load resource: net::ERR_FILE_NOT_FOUND修改根目录下config/index.js 中的build下assetsPublicPath为空3、刷新index.html，可以打开网页，但element-ui的icon不能正常显示网页控制台依然显示 Failed to load r...
2024-01-10
vue 项目打包报错?
vue 项目打包报错? 应该怎么调整？ error in ./src/store/modules/userStore.tsModule parse failed: Unexpected token (30:30)File was processed with these loaders: * ./node_modules/cache-loader/dist/cjs.js * ./nod...
2024-02-17
社区项目前端vue总结
前序在开发社区项目的前端时，根据当前的流行，选择了前后端分离，另外一方面也可以实现后端与前端的解耦。使修改前端代码的时候，无需再打包后台程序。另外用用vue，提升一下技能。后端程序也得会前端啊。一些总结在开发中，总有一些方法在多个组件或者view中使用，每次都需要手动引入...
2024-01-10
Vue项目-商城
Vue商城项目结构分析：固定的头部： mint-ui组件库的Header组件切换的组件： 放置一个router-view来展示路由匹配到的组件固定的底部： MUI框架的代码片断 tabbar制作tabbar中的图标图标的类名在icon.thml和icons-extra.html中查找使用icons-extra.html中的图标时要引入对应的字体文件和样式文件将tabbar中的链接...
2024-01-10
vue项目打包后一片空白
修改在config文件夹下面的index.js中build模块导出的路径，assetsPublicPath默认的是’/’，也就是根目录。而index.html和static在同一级目录下面，所以改为’./’另外在src里面router/index.js路由设置里边默认模式是hash，如果改成了history模式的话，打开也是一片空白。 随手附送个解决方案http://www.php.cn/js-tutorial...
2024-01-10
vue项目菜单点不动的问题
菜单点不动，console报错，刷新后正常在网上找到解决办法是router.onError((error) => { const pattern = /Loading chunk (\d)+ failed/g; const isChunkLoadFailed = error.message.match(pattern); const targetPath = router.history.p...
2024-02-15
vue项目加密之CBC加密
CBC加密1.添加工具类import CryptoJS from \'crypto-js\'const keyStrs = \'huayunabcd123456\'const keyIv = \'huayunkjsecurity\'export default {//加密 encrypt(word){ // cbc加密 let key = keyStrs; let iv = keyIv; key = CryptoJS.enc.Utf8.parse(key); iv = Cr...
2024-01-10
vue项目中使用组件化开发
最近在使用vue-cli结合webpack打包工具开发一个后台管理系统,使用vue难免需要运用组件化思想,而这也正是vue的一大特点.在之前做的vue项目中,稍微有一点组件化的思想,可能是对组件化不太擅长,导致一个页面要写很多的代码,两个不相干的功能写在一个vue文件里总感觉不好,例如有两个弹框,一个是展示某个...
2024-01-10
vue项目中使用骨架屏的方法
现在的应用开发，基本上都是前后端分离的，前端主流框架有SPA、MPA等，那么解决页面渲染、白屏时间成为首要关注的点webpack可以按需加载，减小首屏需要加载代码的体积；使用CDN技术、静态代码等缓存技术，可以减小加载渲染的时长问题：但是首页依然存在加载、渲染等待时长的问题。那么如何...
2024-01-10vue 项目 用户数据请求？
场景描述：目前项目将用户数据请求放在 App.vue 文件的 mounted 中而在路由拦截器中，会去判断用户是否为空当页面需要认证且用户数据为空时，路由会跳转到/login问题描述：当首次进入页面时，会先经过路由拦截器，再到 App.vue 中，调用请求数据的方法所以在 App.vue 中请求数据似乎不是很合理各位大佬平时在项目中是怎么实现的呢？回答：在login界面登录，登录成功后把toke...
2024-02-05
vue项目-各类卡顿问题记录
1、慎重修改prop传来的对象数据父子组件，是通过prop组件来实现通信的。如果是个基础类型，在子组件修改了prop的值，vue会报错。但是如果是引用类型，不会报错，甚至还给你修改了。当我们使用父组件传来的prop对象来构建视图，并有修改操作的时候，你会发现，会卡，会卡，会卡。。。。所以不要...
2024-01-10
vue组件如何被其他项目引用
自己写的vue组件怎么才能让其他人引用呢，或者是共用组件如何让其他项目引用。本文就粗细的介绍下，如有疑问欢迎共同讨论。在这里你能了解下如下知识点：1. 如何发布一个包到npmjs仓库上2.如何引用一个npm包，尤其是本地引用3.vue组件的两种引用方案一、发布一个包到npm的步骤在npmjs.org上注册...
2024-01-10
Vue项目优化打包详解
目录前言一、路由懒加载1.为什么需要路由懒加载2.如何实现路由懒加载3.路由懒加载中的魔法注释二、分析包大小1.需求2.如何生成打包分析文件三、webpack配置排除打包1.需求2.排除打包四、 引用网络资源1.需求2.CDN3. 实现步骤五、 打包去除console.log1.需求2.代码演示总结前言Vue项目开发完毕后，对项目...
2024-01-10
vue2.0仿今日头条开源项目
vue-toutiao这是用 vue.js 2.0 高仿 今日头条 的移动端项目，结合了原生app的部分功能以及网页版。前言本人是 今日头条 的重度用户，在学习vue.js过程中，在GitHub上看到了很多高仿webapp的好项目。由此在有了一定的技术积累后，开始构思使用Vue写今日头条，一是自己对于头条的喜爱，另外也是对于...
2024-01-10
vue 项目地址去掉 #的方法
vue-router 设置 history 模式vue 项目往往会搭配 vue-router 官方路由管理器，它和 vue.js 的核心深度集成，让构建单页面应用变得易如反掌。vue-router 默认为 hash 模式，使用 URL 的 hash 来模拟一个完整的 URL，所以当 URL 改变时，页面不会重新加载，只是根据 hash 来更换显示对应的组件，这就是所谓的单页面应...
2024-01-10
项目vue2.0仿外卖APP（二）
vue-cli开启vue.js项目github地址：https://github.com/vuejs/vue-cliVue.js开发利器vue-cli，是vue的脚手架工具。在工地上，脚手架是工人搭建好的架子，能够帮助工人们作业；在技术圈，脚手架就是来帮助我们编写好基础的代码的工具。Vue-cli就是帮助我们写好vue.js基础代码的工具。使用Vue.js，当你构建一个原型...
2024-01-10
vue 项目软键盘回车触发搜索事件
目的：掉起来右下角为搜索的按钮步骤：1、input的type改为search，再写keydown按下时的事件调取搜索事件的方法这样安卓手机上回车就变成了“搜索”，不过ios仍然是换行2、input 外面套form，必须要有action，action=“javascript:return true”我的项目用van：想弹出数字键盘，并监听搜索（换行），在安卓上执...
2024-01-10
你知不知之运行vue项目运行不起来
VUE启动问题（You may use special comments to disable some warnings）今日创建了一个vue项目，结果运行不了疯狂报错。还好我机智，百度了一番。感谢各位同行发表的自身解决的办法，不然就死在了第一步。我的报错，如果你们和我一样，那么你非常幸运遇到了我。好，废话不多说，整起！第一种方式： 首先...
2024-01-10
在vue项目中设置BASE_URL
1.在config文件夹中新建global.js文件const BASE_URL = 'http://192.168.1.62:8080/rest/'export default { BASE_URL} 2.在入口文件中引入，设置为全局变量import global_ from '../config/global.js'Vue.prototype.GLOBAL = global_; 3.在有需要的地方引入baseUrlcreated() { const baseUrl=this.GLOBAL...
2024-01-10
