最近一直在研究使用vue做出来一些东西，但都是SPA的单页面应用，但实际工作中，单页面并不一定符合业务需求，所以这篇我就来说说怎么开发多页面的Vue应用，以及在这个过程会遇到的问题。这是我放在GitHub上的项目，里面有整个配置文件，可以参看一下：multiple-vue-page准备工作在本地用vue-cli新建一个项目，这个步骤vue的官网上有，我就不再说了。这里有一个地方需要改一下，在执行n
转载
2024-01-16 13:56:50
402阅读
我们平常用vue开发的时候总觉得vue好像就是专门为了单页面应用而诞生的，其实不是。因为vue在工程化开发的时候很依赖webpack，而webpack是将所有的资源整合到一块，弄成一个单页面。但是vue不止可以做单页面，它还可以做多页面，如果要做多页面的话需要对他的依赖，也就是webpack就是重新配置才可以。本文将详细讲webpack的配置。vue的开发有两种，一种是直接的在script标签里引
转载
2024-01-19 22:55:10
37阅读
1.webpack打包配置: 设置多个入口; 一个入口标志一个html单页资源; 经常结合htmlWebpackPlugin插件使用; 其描述如下：2.页面的多页思路
原创
2022-07-06 10:36:38
154阅读
前言我有一个cli创建的vue项目，但是我想做成多页应用，怎么办，废话不多说，直接开撸~约定：新增代码部分在//add和//end中间 删除(注释)代码部分在//del和//end中间，很多东西都写在注释里第一步：cli一个vue项目新建一个vue项目，官网：vue init webpack democli默认使用webpack的dev-server服务，这个服务是做不了单页的，需要手动建一个私服
转载
2018-06-05 15:47:31
3101阅读
点赞
如题，目前有两种尝试方法： 目录一.配置多个环境变量控制路由，主题和js改动二.配置多个入口文件 一.配置多个环境变量控制路由，主题和js改动适用于：同一逻辑（登录，权限，基础功能）下，只有主题和部分页面不同，大部分页面相同配置环境变量.env.zhejiang(开发环境).env.zhejiang.build(生产环境)修改package.json，新增页面脚本修改vue.config.js中的
实现Vue的多页签组件
在之前的博客中 关于vue的多页面标签功能，对于嵌套router-view缓存的最终无奈解决方法 有写过vue的多页签功能的解决方案可以看到我当时那个多页签的组件还是比较简单 的，只有打开跟关闭功能，后面有不少网友找我，能不能实现刷新当前页，关闭其它页面，关闭左边页面，关闭右边页面的功能。 这几天项目上线后有点时间，把这个多页签组件给完
转载
2021-05-10 10:26:24
1455阅读
2评论
在之前的博客中 有写过vue的多页签功能的解决方案可以看到我当时那个多页签的组件还是比较简单 的，只有打开跟关闭功能，后面有不少网友找我，能不能实现刷新当前页，关闭其它页面，关闭左边页面，关闭右边页面的功能。 这几天项目上线后有点时间，把这个多页签组件给完善一下。直接看效果，增加了右键菜单，分别有重新加载、关闭左
转载
2021-01-16 19:13:31
788阅读
2评论
再此我先说明 我写的这个例子是一个成熟的项目中直接加入的, 里面有好多配置都是配好的 , 但是这些都不重要,因为没有太大的关系,进入正题~ 我们平时开发 vue项目的时候,就有一种感觉就是 vue就像是专门为单页应用而诞生的,因为人家的官方文档中也说了 在这里插入图片描述 其实不是的,因为vue在工 ...
转载
2021-08-31 20:29:00
955阅读
2评论
多页应用每次页面跳转，后台的服务器都会给我们返回一个新的HTML文档首页时间快：页面首个屏幕的内容展现出来的时间 =》因为访问一个页面，服务器返回一个HTML，页面就会被展示出来，这个过程只经历了一个 http请求的过程SEO效果好： 搜索引擎优化效果非常好，搜索引擎在做排名的时候，需要知道网页的内容，根据网页的内容才会给网页权重来进行网页的排名。搜索引擎可以识别HTML中的内容，而每个页面的所有
转载
2024-06-13 17:11:11
14阅读
默认vue的脚手架是打包成一个html文件的. 要想打包成多个html文件.也非常简单.只需要在 vue.config.js 中增加pages 节点即可.我下面的代码就把一个main.js打包成了两个文件.分别是后台界面Manage.html和移动端界面 Mobile.html当然你改下配置就可以分别打包成不同的文件. console.log("开始打包"); module.exports = { // 这里是配置上线读取当前目录，默认是根路径，如 /js, /css 等，具体根
原创
2021-09-03 13:34:30
1579阅读
活动设计的前端架构 主要的技术栈为 Vuejs，Webpack，请自行阅读如下技术或者框架的文档： 一、基础说明： node (http
原创
2022-12-29 09:46:18
369阅读
# 前端Vue开发架构单页项目架构总结
在现代前端开发中，Vue.js因其轻量、灵活和高效的特性而受到广泛欢迎。本文将总结Vue开发单页项目架构的关键要素，帮助开发者构建高效、可维护的应用程序。我们将通过代码示例来演示架构中的各个部分，并通过状态图和旅行图来帮助理解。
## 一、Vue项目基本结构
在我们开始构建Vue项目之前，了解其基本结构是至关重要的。一个标准的Vue单页应用（SPA）的
原创
2024-09-18 07:08:05
58阅读
前言遇到在html导出PDF的需求，在csdn找了很多关于PDF导出功能的文章，介绍了jsPDF、iText和wkhtmltopdf三种方式。 其中iText的使用对于中文还需要导入特定字体包，wkhtmltopdf需要配置服务器环境，综合考虑，选择了最简单的jsPDF。 很多文章都说jsPDF内容模糊、导出效果失真。谷歌搜了挺久，后来看到这一篇文章：[转]()需要添加canvas画布元素，以及设
转载
2023-11-09 12:54:33
0阅读
转载地址：http://blog.csdn.net/akof1314/article/details/5618454
目录(?)[-]
Public MethodsProtected Methods
The CTabView class simplifies
转载
2016-05-03 17:47:00
153阅读
2评论
无论单页还是多页，我的实现思路是总体配置404页面的思路就是在前端路由表中添加一个 path: '/404' 的路由，渲染相应的404页面。这篇文章主要介绍了Vue单页及多页应用全局配置404页面实践,需要的朋友可以参考下前后端分离后，控制路由跳转的责任转移到了前端，后端只负责给前端返回一个html文档以及提供各种接口。下面我们用作例子的两个项目，均采用vue作为基础框架，一个是SPA应用，另...
转载
2021-08-12 16:56:51
760阅读
vue多项目多模块打包vue-cli4 为例，实现多项目的分模块打包。多项目之间共享组件和依赖，运行、打包互不干扰。一、安装npm install -g @vue/cli
# OR
yarn global add @vue/cli二、创建项目：vue create my-project
# OR
vue ui三、目录改造所谓分模块打包，一个模块就是一个独立项目，各个模块可以配置成独立的文件。首先，
转载
2023-10-28 12:36:03
428阅读
目录1. 初始化2. 编写页面内容3. 配置多页入口总结 一般来说，vue推荐构建单页应用，页面内容的切换是通过路由控制组件的替换来实现的。单页应用使得页面跳转变得极为迅速，不过假如两个页面在功能逻辑上是完全独立的，甚至可能需要部署到不同的服务上，这时候将其构建为多页应用可能是更好的选择。 下面我们来看如何将一个单页vue应用改造为一个多页应用。为了方便，我们直接从vue-cli构建的初始化项
转载
2024-04-13 09:30:57
50阅读
一直以为很难，一定需要插件什么的。或者要精通JS 看到一篇文章发现就在div加上一行属性就行了... 发布记录一下，很久以前就想要实现的功能了。 上代码： <script> window.print(); //默认自动弹出打印框 </script> <DIV STYLE="page-break-be
转载
2021-07-13 21:26:00
383阅读
2评论
webpack 配置 Vue 多页应用 —— 从入门到放弃一直以来，前端享有无需配置，
转载
2018-02-13 02:06:00
48阅读
webpack 配置 Vue 多页应用 —— 从入门到放弃一直以来，前端享有无需配置，一个浏览器
转载
2018-02-13 02:06:00
25阅读
