第一步：使用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阅读
nginx配置nginx启动、停止、重新加载配置要启动nginx需要运行可执行文件，nginx通过 nginx - s 指令名 调用可执行文件。nginx -s stop 快速关机nginx -s quit 优雅关机nginx -s reload 重新加载配置文件nginx -s reopen 重新打开日志文件nginx配置文件的结构nginx由模块组成，这些模块由配置文件中
我们平常用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
1153阅读
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阅读
1、nginx安装 2、常用nginx命令start nginx // 开启nginx服务
nginx -s stop // 关闭nginx服务，快速停止nginx，可能并不保存相关信息
nginx -s quit // 关闭nginx服务，完整有序的停止nginx，并保存相关信息
nginx -s reload // 重载nginx服务
t
# Vue 多页面架构
在Vue中，我们通常使用单页面应用（SPA）来构建Web应用程序。然而，在某些情况下，我们可能需要使用多页面应用（MPA）来满足特定的需求。本文将介绍Vue多页面架构的概念，并提供代码示例演示如何实现。
## 什么是多页面架构？
多页面架构是一种Web应用程序的架构模式，它由多个独立的HTML页面组成，每个页面都有自己的入口点和功能。与SPA不同，多页面应用程序在每个
原创
2023-07-22 03:24:42
119阅读
再此我先说明 我写的这个例子是一个成熟的项目中直接加入的, 里面有好多配置都是配好的 , 但是这些都不重要,因为没有太大的关系,进入正题~ 我们平时开发 vue项目的时候,就有一种感觉就是 vue就像是专门为单页应用而诞生的,因为人家的官方文档中也说了 在这里插入图片描述 其实不是的,因为vue在工 ...
转载
2021-08-31 20:29:00
955阅读
2评论
'什么是单页面应用' 通俗点来讲就是在整个项目里浏览器至始至终没有刷新、整个项目就一个.html文件、 里面所有的页面都是通过组件来进行路由例如.vue组件、并通过ajax请求数据来实现数据交互、因为整个项目就一
Nginx定义异步框架的 Web服务器，也可以用作反向代理，负载平衡器 , HTTP缓存, 媒体流等的开源软件。它最初是一个旨在实现最高性能和稳定性的Web服务器。除了HTTP服务器功能外，NGINX还可以用作电子邮件（IMAP，POP3和SMTP）的代理服务器以及HTTP，TCP和UDP服务器的反向代理和负载平衡器。特点更快高扩展性, Nginx的模块都是嵌入到二进制文件中执行高可靠性低内存消耗
最近一直在研究使用vue做出来一些东西，但都是SPA的单页面应用，但实际工作中，单页面并不一定符合业务需求，所以这篇我就来说说怎么开发多页面的Vue应用，以及在这个过程会遇到的问题。这是我放在GitHub上的项目，里面有整个配置文件，可以参看一下：multiple-vue-page准备工作在本地用vue-cli新建一个项目，这个步骤vue的官网上有，我就不再说了。这里有一个地方需要改一下，在执行n
转载
2024-01-16 13:56:50
402阅读
Tomcat多实例部署和动静分离配置 文章目录Tomcat多实例部署和动静分离配置Tomcat多实例部署安装tomcat配置tomcat环境变量修改tomcat2中的server.xml文件，要求各tomcat实例配置不能有重复的端口号修改各tomcat实例中的startup.sh和shutdown.sh文件，添加tomcat环境变量启动各tomcat中的/bin/startup.sh浏览器访问测
转载
2024-09-06 10:35:32
33阅读
前言: 本文基于vue 2.5.2, webpack 3.6.0（配置多页面原理类似，实现方法各有千秋，可根据需要进行定制化） vue 是单页面应用。但是在做大型项目时，单页面往往无法满足我们的需求，因此需要配置多页面应用。 Vue多页面应用开发 1. 新建 vue 项目 2. 安装 glob gl
转载
2018-11-03 16:02:00
279阅读
2评论
快速开发步骤*****1.如何启动项目1.1 准备拉取远程项目的工具目前使用svn相关工具。 ①tortoiseSVN小乌龟可视化工具、 ②vscode下载svn相关插件，可自行了解。 TortoiseSVN安装使用教程：1.2 下载安装node目的： 使用node中的npm包管理器（若有其他具体需求，再下载相应的模块） 下载安装： https://nodejs.org/en/download1.
转载
2024-07-31 20:31:07
115阅读
不积跬步无以至千里因为不熟悉，每次整理都花费了不短的时间，现在以码代码为主，到每个阶段再整理。 本次整理内容 --- 底部导航显示 ----- 给谷歌浏览器安装vue调试插件 --- 各模块的静态页面搭建完成 --- 添加登录页静态页面与路由0. 其它vue实战（1）：准备与资料整理vue实战（2）：初始化项目、搭建底部导航路由vue实战（3）：底部导航显示、搭建各模块静态页面、添加登录页页面与路
实现缓存在路由文件router.js中针对要缓存的页面进行设置 添加keepAlive: true，通过此字段判断是否需要缓存当前组件{
path: '/club',
name: 'Club',
component: Club,
meta: {
title: 'Club',
keepAl
转载
2024-07-15 11:16:22
47阅读
vue-cli打包到部署到nginx服务器1，我直接npm run build 打包出来，打开dist目录下面的index.html 空白页，页面上出现 no "NODE ENV"是我打包时没有指定打包到哪个环境 正确打包是 npm run build:prod 2.关于vue-router 中mo
转载
2024-07-13 16:35:08
293阅读
1.新建项目新建vue项目直接通过命令行即可，过程比较简单，具体参照：https://www.jianshu.com/p/02b12c600c7b 需要注意的是，直接在需要生成的目录下用命令行操作即可，不用先新建该项目的文件夹。2.遇到报错Error: Cannot find module 'array-includes'解决方法参照：报错原因：项目外层的目录名发生更改
解决办法：
1.
