我们平常用vue开发的时候总觉得vue好像就是专门为了单页面应用而诞生的，其实不是。因为vue在工程化开发的时候很依赖webpack，而webpack是将所有的资源整合到一块，弄成一个单页面。但是vue不止可以做单页面，它还可以做多页面，如果要做多页面的话需要对他的依赖，也就是webpack就是重新配置才可以。本文将详细讲webpack的配置。1、进入\build\webpack.base.con
转载
2023-11-24 01:09:21
672阅读
一直以来更多的是进行单页面开发。但在与其他同行的交流中，发现多页面项目也是业务的一种需求，趁着今天有时间，今天搞了一下。多页面的配置，自然也可以根据路由的mode分为hash和history模式。先说本人更熟悉的hash模式。一，多页面要有多个入口默认使用vue-cli 2初始化的项目，需要修改webpack的entry参数，修改两个入口，如下// 原来
entry: {
app: '
转载
2023-06-16 15:35:01
1156阅读
最近一直在研究使用vue做出来一些东西，但都是SPA的单页面应用，但实际工作中，单页面并不一定符合业务需求，所以这篇我就来说说怎么开发多页面的Vue应用，以及在这个过程会遇到的问题。这是我放在GitHub上的项目，里面有整个配置文件，可以参看一下：multiple-vue-page准备工作在本地用vue-cli新建一个项目，这个步骤vue的官网上有，我就不再说了。这里有一个地方需要改一下，在执行n
转载
2024-01-16 13:56:50
402阅读
基于vue2.0生成项目，一段时间都在找如何配置成多个页面的。网上有这样的例子相对也是比较详细的，但是还是有些许不一样的地方的。所以，我还是记录下来，当然我也是参考了网上的资料的。当然先来个vue的项目，打开命令行工具，对边进入一个目录下。vue init webpack my-project注意，node和npm的版本，npm版本最好是3.0+的。其中my-project是自定义的项目名，按照步
转载
2024-03-20 19:46:31
73阅读
pages # Type: Object Default: undefined 在 multi-page 模式下构建应用。每个“page”应该有一个对应的 JavaScript 入口文件 一个指定了 entry, template,
原创
2024-04-29 10:00:48
54阅读
vue多页面
原创
2022-11-21 10:58:23
413阅读
第一步：使用vue-cli搭建项目（注：建议安装淘宝镜像，使用cnpm执行下面操作） 1.按住shift按钮，右键点击存放项目的文件夹，点击在此处打开命令窗口。 2.在命令窗口中输入 npm install -
转载
2024-08-01 09:33:07
152阅读
一、准备工作：首先使用vue-cli搭建一个空的vue项目，步骤见。二、单页面改造多页面操作步骤：1、目录调整：对src目录进行一些调整：调整前是这样的： （1）进入src文件夹中，新建一个文件夹，如取名pages，用于存放后面的多页面，在pages里面新建一个文件夹叫index用于存放首页，然后将下图红框内的文件(文件夹)都拉进in
转载
2024-04-13 10:09:42
988阅读
多页面vue应用中，在请求接口之前统一加上Loading作为未请求到数据之前的过渡展示。由于多页面未使用vuex做状态管理，只在入口统一注册了bus，所以此例子使用eventbus做事件通信。 在Loading.vue中，一个简单的公共loading组件 这个loading组件用showLoadin
转载
2020-12-11 15:58:00
1057阅读
2评论
# Vue 多页面架构
在Vue中，我们通常使用单页面应用（SPA）来构建Web应用程序。然而，在某些情况下，我们可能需要使用多页面应用（MPA）来满足特定的需求。本文将介绍Vue多页面架构的概念，并提供代码示例演示如何实现。
## 什么是多页面架构？
多页面架构是一种Web应用程序的架构模式，它由多个独立的HTML页面组成，每个页面都有自己的入口点和功能。与SPA不同，多页面应用程序在每个
原创
2023-07-22 03:24:42
121阅读
再此我先说明 我写的这个例子是一个成熟的项目中直接加入的, 里面有好多配置都是配好的 , 但是这些都不重要,因为没有太大的关系,进入正题~ 我们平时开发 vue项目的时候,就有一种感觉就是 vue就像是专门为单页应用而诞生的,因为人家的官方文档中也说了 在这里插入图片描述 其实不是的,因为vue在工 ...
转载
2021-08-31 20:29:00
955阅读
2评论
有时在安装的mysql服务器上根据需要可能会想跑多个mysql服务器，比如当进行新版本测试，在一台主机上配置主从同步等操作时，这时重新编译安装mysql是完全没有必要的，因为mysql支持多实例管理。一：根据mysql自带的mysqld_multi程序管理。1.编译安装mysql [root@zhu2 mysql-5.1.39]# ./configure --prefix=/opt/mysql
转载
2023-10-26 20:36:35
61阅读
问题Vue对于单页面富应用的程序开发，有着非常友好的支持。简单到只需要通过 “ vue create 项目名称” 这一行命令，即可完成单页面富应用程序的所有环境配置.但多页面的程序呢？通过vue脚手架vue-cli能帮助开发者快速的进行单页面应用的开发，但vue对于多页面应用的开发，可能就不是这么友好啦，你需要深入到webpack和vue的配置文件中，添加一系列的配置，才能在你原本的单页面应用中创
转载
2024-02-29 17:43:35
202阅读
nginx配置nginx启动、停止、重新加载配置要启动nginx需要运行可执行文件，nginx通过 nginx - s 指令名 调用可执行文件。nginx -s stop 快速关机nginx -s quit 优雅关机nginx -s reload 重新加载配置文件nginx -s reopen 重新打开日志文件nginx配置文件的结构nginx由模块组成，这些模块由配置文件中
前言: 本文基于vue 2.5.2, webpack 3.6.0（配置多页面原理类似，实现方法各有千秋，可根据需要进行定制化） vue 是单页面应用。但是在做大型项目时，单页面往往无法满足我们的需求，因此需要配置多页面应用。 Vue多页面应用开发 1. 新建 vue 项目 2. 安装 glob gl
转载
2018-11-03 16:02:00
279阅读
2评论
随着 Vue.js 单页应用(SPA)变得相当复杂，你开始需要 Vue 路由以及嵌套路由。嵌套路由允许更复杂的用户界面以及相互嵌套的组件。让我们创建一个相对简单的用例，来展示 Vue Router 中嵌套路由的实用性。用 Vue CLI 进行设置如果尚未安装，请运行以下命令全局安装 Vue CLI：$ npm install -g @vue/cli或者$ yarn global add @vue/
转载
2023-10-12 00:27:08
394阅读
多页面应用一个项目是由多个完整的html页面组成，每一次页面跳转的时候，后台服务器都会给返回一个新的HTML文档，页面跳转所有的资源都要重新加载，页面之间的切换会出现卡顿空白的问题，不容易实现切换动画等。这种类型的网站也就是多页网站，也叫做多页应用。为什么多页应用的首屏时间快？首屏时间叫做页面首个屏幕的内容展现的时间，当我们访问页面的时候，服务器返回一个html，页面就会展示出来，这个过程只经历了
转载
2024-09-16 12:22:28
31阅读
一、说明实际工作中，一般只是新增/修改已有vue项目的页面，很少从零开始搭建一个新的vue项目。在此简要总结下新增页面的开发方法。二、步骤1.首先找一个相似的页面，复制一份，修改为不同的名称。(1)例如，有一个页面，位于这个文件夹：E:\mobile-project\src\modules\user\user-config其中有3个文件：app.vue
main.js
tmpl.html访问路径是
转载
2024-03-08 21:44:23
68阅读
# jQuery Mobile 多页面切换实例
jQuery Mobile 是一个基于 jQuery 的移动端框架，它使得开发者能更轻松地为移动设备创建响应式网页。现今，随着移动设备的普及，越来越多的网页需要支持多个页面之间的流畅切换。在这篇文章中，我们将探讨 jQuery Mobile 的多页面切换功能，并通过代码实例来展示如何实现这一特性。
## jQuery Mobile 的基本结构
原创
2024-08-18 05:12:05
39阅读
收集前端错误编写错误上报逻辑，上报错误代码上线打包将sourcemap文件上传至错误监控服务器发生错误时监控服务器接收错误并记录到日志中根据sourcemap和错误日志内容进行错误分析异常类型同步方法异步方法资源加载Promiseasync/awaittry/catch✔️✔️onerror✔️✔️error事件监听✔️✔️✔️unhandledrejection事件监听✔️✔️ 实际上
