背景在企数保项目开发前期，由于项目紧急，需要先做一个独立于后端的纯前端演示项目，即不依赖于后端打包纯前端静态资源。现有的项目代码和打包配置，需要基于以上需求进行修改，本文章是对修改过程中遇到的问题进行记录和总结。解决方案修改 VueRouter 的路由模式为默认的 hash 模式修改 src/router/index.js 文件，把 mode: 'history' 这一行注释掉就行 修改 Webp
转载
2021-03-16 21:35:05
1766阅读
2评论
1、概述Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。2、基础使用1、安装node.jsnodejs.cn/download2、安装vue-cli 快速生成项目模板
转载
2024-05-16 23:26:51
367阅读
在vue2的时代，PC端的ui框架可以说elementUI独步天下，至少我在面试及工作过程中遇到的都是使用elementUI的，但是该开源项目随着核心成员的离职，更新进度似乎越来越缓慢，似乎印证了那句“开源工作一旦功成身退，再也没有动力和精力去持续维护下去”的言论了。随着vue3的时代的到来，未来前端框架翻云覆雨，走势如何还不知道，但是各大UI框架已经开始卯足了劲开发适配vue3的版本，这其中当属
转载
2024-09-24 19:45:06
235阅读
最近做项目要用到cesium，然后参照网上的一些步骤，最后发现报错了，其中有两种错比较多： ① This dependency was not found: * cesium/Cesium in ./src/main.js.&nb
转载来源：https://..com/shenyf/p/8341641.html 搭建node环境 下载 1.进入node.js官方网站下载页，点击下图中框出位置，进行下载即可，当前版本为8.9.4，下载网址为：https://nodejs.org/zh-cn/download/
转载
2019-07-30 15:57:00
163阅读
2评论
该代码特点：
1. 所见即所得，前端展示什么样，导出的表格内容就是什么样。
2. 支持多工作簿，可以一次导出同页面的多份数据。
3. 缺点：如果数据有后端分页，请不要使用。
原创
2020-10-22 16:31:34
7793阅读
1.项目概述1.功能模块电商后台管理系统大致可以分为以下几个功能模块：用户登录，退出登录用户管理权限管理
角色列表权限列表商品管理
商品列表分类列表参数管理订单管理数据管理2.开发模式采用的开发模式是前后端分离的开发模式。其中前端项目是基于Vue技术栈的SPA(单页面应用)项目。前端技术栈主要有：vuevue-routerElement-UIAxiosEcharts后端技术栈主要有：N
在不使用服务端渲染的情况下，Vue 单页应用(SPA)仍然可以通过以下方法优化 SEO：1. 预渲染 (Prerendering) - 最佳替代方案适用于内容变化不频繁的网站：# 安装 prerender-spa-plugin
npm install prerender-spa-plugin -D// vue.config.js
const path = require('path')
const
先看一下拖拽相关的事件：dragover、dragenter drop和dragleave 。dragover事件：当被拖动的元素在一个可放置目标上方时，该事件会被触发。通常，我们会使用event.preventDefault()方法来取消浏览器默认的拖放行为，以便可以自定义拖拽行为。这个事件在拖拽过程中会持续触发，可以用于实现一些特殊的样式效果，如显示拖拽目标的悬浮效果。drop事件：当拖动的元
原创
2024-03-11 16:10:06
291阅读
由于
项目需求需要采取
前端分页方式，最后找到解决方式 <a-table size="default" bordered :columns="columns" :dataSource="dataSource" :loading="loading" :pagination="false" > ...此处省
转载
2021-07-09 09:33:00
1702阅读
2评论
vue打包命令npm run build产生一个dist文件，里面会有所有项目编译好的内容，还有一个.map文件, 这个是帮助你维护用的 你也可以选择修改一下配置，不生成 > 可以减少编译后的体积。创建 vue.config.js
代码如下module.exports = {
productionSourceMap: false, // 在你npm run build 不输出, .map
转载
2024-04-17 22:01:37
115阅读
文章目录一、配置nginx反向代理1、安装window版的nginx2、配置nginx代理3、重启nginx4、测试二、前端整合图片上传组件1、复制头像上传组件2、前端参考实现3、前端添加文件上传组件4、js脚本实现上传和图片回显5、测试三、EasyExcel1、Excel导入导出的应用场景2、EasyExcel简介四、课程分类管理（1）添加课程分类后端接口实现1、使用代码生层工具生成相应的层代
转载
2024-10-12 08:38:47
189阅读
前言：以下内容均为学习慕课网高级实战课程的实践爬坑笔记。项目github地址：https://github.com/66Web/ljq_vue_music，欢迎Star。歌曲列表 收藏歌曲 一、用户个人中心开发 基础功能开发设置路由跳转 在components->user-center目录下：创建user-center.vue router->index.js中配置路由： {
pat
一， 使用Vue脚手架1.1. 使用脚手架创建模板项目1) vue-cli是vue官方提供的脚手架工具 command line interface 2) 最新的版本是4,3)  
转载
2023-11-02 10:03:06
57阅读
前言好久没有更新博客了，今天就写一下vue脚手架+antd如何架构一个后台管理系统页面，本来是想弄微前端的但是想想还是算了，不过你熟了的话，可以使用微前端进行架
原创
2022-07-25 16:28:56
344阅读
为了前后端分离，我们在前端和api层中间，架构了一层node层，用来做服务端渲染，来加快用户的首屏可用和对搜索引擎的友好。项目一开始放置在同一个git仓库里面，分别放在client目录和server目录中（或者类似于vue 官方例子中的一样，node服务可能只有一个sever.js。因为server中可能需要client中的一些资源，所以不得不将他们放在一起。后来通过配置中心驱动之后，client
在前端技术飞速发展的当下，Vue3 凭借其更优的性能、更灵活的组合式 API 成为主流框架，而 Pinia 作为 Vue 官方推荐的状态管理库，替代了传统的 Vuex，简化了状态管理逻辑。本文将带大家从零开始，使用 Vue3+Pinia 打造一个纯前端的仿有票网项目，涵盖首页展示、电影列表、购票选座等核心功能，帮助大家巩固 Vue3 生态的实战应用能力。
一、介绍本文是基于 https://github.com/PanJiaChen/vue-admin-template 的模版进行搭建。在模板基础上的搭建过程中，提出以下可能遇到的问题：1、如何mock接口数据？大家都知道前后端开发速度不一定一致，有时候前端开发比较快，这个时候可以先进行mock数据进行测试。这个模板已经有mock例子了，因此下面会简单以mock菜单为例子做演示。
转载
2024-10-25 08:37:14
49阅读
一、基本介绍 1、Vue.js目前最火的的一个前端框架，三大主流前端框架之一。 2、Vue.js是一套构建用户界面的框架（一套完整的解决方案，对项目侵入性大，中途需要跟换框架则需要重构整个项目），只关注视图层，易上手，有配套的第三方类库。 3、提高开发效率，帮助减少不必要的dom操作；双向数据绑定，通过框架提供的指令，前端只需要关注业务逻辑，不再关心dom如何渲染。 二、前端的MVVM 1、前端视
转载
2024-10-16 15:47:07
53阅读
# Vue前端项目Docker化部署指南
在现代Web开发中，Docker已经成为一种绝佳工具，它使得应用的构建、部署和版本管理变得更加简单和高效。本文将介绍如何将一个Vue前端项目通过Docker进行部署，以及所需的相关配置和代码示例。
## 什么是Docker？
Docker是一个开源的应用容器引擎，它允许开发者将应用程序及其依赖项打包到一个独立的容器中。这种方式确保了应用在任何环境下都
