前言我有一个cli创建的vue项目，但是我想做成多页应用，怎么办，废话不多说，直接开撸~约定：新增代码部分在//add和//end中间 删除(注释)代码部分在//del和//end中间，很多东西都写在注释里第一步：cli一个vue项目新建一个vue项目，官网：vue init webpack democli默认使用webpack的dev-server服务，这个服务是做不了单页的，需要手动建一个私服
转载
2018-06-05 15:47:31
3101阅读
点赞
前言最近在开发跨境电商项目的时候，要做一个广告宣传页，根据产品的要求希望广告宣传页面在独立域名下，但是领导又希望这个页面在原有的项目内，于
转载
2021-11-16 13:39:06
2069阅读
默认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阅读
多页应用每次页面跳转，后台的服务器都会给我们返回一个新的HTML文档首页时间快：页面首个屏幕的内容展现出来的时间 =》因为访问一个页面，服务器返回一个HTML，页面就会被展示出来，这个过程只经历了一个 http请求的过程SEO效果好： 搜索引擎优化效果非常好，搜索引擎在做排名的时候，需要知道网页的内容，根据网页的内容才会给网页权重来进行网页的排名。搜索引擎可以识别HTML中的内容，而每个页面的所有
转载
2024-06-13 17:11:11
14阅读
首先用vue-cli3创建工程，我的全局安装了vue-cli2，又不想卸载掉；所以新建了一个文件夹安装vue-cli3；然后在该文件夹下创建工程； 同时安装vue-cli2和vue-cli3参考：https://segmentfault.com/a/1190000020487946 工程创建好后，默 ...
转载
2021-09-02 09:59:00
421阅读
2评论
# 在 Vue CLI 应用中实现 Axios 的指南
在现代前端开发中，处理 HTTP 请求是非常重要的，Axios 是一个流行的 JavaScript 库，用于发送 HTTP 请求。本文将指导你如何在 Vue CLI 应用中使用 Axios，通过一个简单的流程来实现这一目的。
## 流程概述
下面是实现 Axios 的主要步骤，以便你轻松理解：
| 步骤 | 描述
原创
2024-10-02 06:26:54
57阅读
基于node npm & vue-cli & element UI创建vue单页应用 开发环境 Win 10 node-v10.15.3-x64.msi 下载地址： https://nodejs.org/en/ 安装node 安装vue-cli 1、安装node-v10.15.3-x64.msi 2
原创
2021-06-01 10:42:21
443阅读
web项目可分为单页应用 和 多页应用。单页应用，就是只有一个页面，其他呢？1、首次加载慢。不难理解，这么多东西要一下子加载，当然慢了。加载
原创
2022-08-15 12:06:08
136阅读
一：单页应用1）单页应用是什么？SPA(single page application): 单页面应用，即一个web项目就只有一个页面（即一个HTML文件）。就是把整个项目的所有页面的所有内容分成了很多的小块（就是组件），可以重复利用的，可以任意调整的组件，每个组件就是一个独立的部分（包括html，css和javascript代码）。再做一个html（基本上啥也没有），这个html就是一个页面容器
转载
2021-01-25 13:53:00
1067阅读
2评论
最近又在研究vue/webpack，想写点自己的思考，但又有些不太确定的地方，所以又搜了点文章学习下。思考的问题：什么时用的...
转载
2023-05-05 15:07:22
112阅读
Vue vue-cli webpack 多入口把项目分为多个模块,分别从2个入口进入,减少集中在一个包中容量,主要步骤如下:01)主要文件结构目录02)build/webpack.base.conf.js03)build/webpack.dev.conf.js04)build/webpack.prod.conf.js 05)config/index.js 06) src/mainFei.js
转载
2021-06-06 23:42:00
614阅读
2评论
前言最近看到一些人在问单页面和多页面应用的区别。所以也就输出这一篇短文希望可以给你一个整体的认识。这里也会大体介绍单页应用实现的核心 —— 前端路由。单页应用 VS 多页应用对比图单页应用（SinglePage Application，SPA）指只有一个主页面的应用，一开始只需加载一次 js,css 等相关资源。所有的内容都包含在主页面，对每一个功能模块组件化。单页应用跳转，就是切换相关组件，仅刷
原创
2021-01-18 16:46:41
311阅读
前言最近看到一些人在问单页面和多页面应用的区别。所以也就输出这一篇短文希望可以给你一个整体的认识。这里也会大体介绍单页应用实现的核心 —— 前端路由。单页应用 VS 多页应用对比图单页应用（SinglePage Application，SPA）指只有一个主页面的应用，一开始只需加载一次 js,css 等相关资源。所有的内容都包含在主页面，对每一个功能模块组件化。单页应用跳转，就是切换相关组件，仅刷
原创
2021-01-18 17:39:13
180阅读
# 创建多环境配置文件.env.dev添加内容：NODE_ENV=developmentVUE_APP_SERVER=http://localhost:8080.e
原创
2022-09-05 17:21:59
298阅读
最近一直在研究使用vue做出来一些东西，但都是SPA的单页面应用，但实际工作中，单页面并不一定符合业务需求，所以这篇我就来说说怎么开发多页面的Vue应用，以及在这个过程会遇到的问题。这是我放在GitHub上的项目，里面有整个配置文件，可以参看一下：multiple-vue-page准备工作在本地用vue-cli新建一个项目，这个步骤vue的官网上有，我就不再说了。这里有一个地方需要改一下，在执行n
转载
2024-01-16 13:56:50
402阅读
多一些，比如大型电商平台，服务商家、供应商、内部运营...
原创
2023-03-26 11:48:51
233阅读
1.webpack打包配置: 设置多个入口; 一个入口标志一个html单页资源; 经常结合htmlWebpackPlugin插件使用; 其描述如下：2.页面的多页思路
原创
2022-07-06 10:36:38
154阅读
无论单页还是多页，我的实现思路是总体配置404页面的思路就是在前端路由表中添加一个 path: '/404' 的路由，渲染相应的404页面。这篇文章主要介绍了Vue单页及多页应用全局配置404页面实践,需要的朋友可以参考下前后端分离后，控制路由跳转的责任转移到了前端，后端只负责给前端返回一个html文档以及提供各种接口。下面我们用作例子的两个项目，均采用vue作为基础框架，一个是SPA应用，另...
转载
2021-08-12 16:56:51
760阅读
单页应用和多页应用的理解多页面：每次页面刷新都会返回新HTML 优点：首屏时间快（只发送一个http请求，响应接受了，页面就能展示出来）SEO（搜索引擎排名）效果好，搜索引擎是识别html内容，根据内容排名的 缺点：页面切换慢：每次切换都需要发起一个http请求单页面只有一个首页，js感知到url变化后使用js把当前页面内容替换成新的，而不会每次跳转都请求新的html文件优点：页面切换快，因为不需
原创
2021-05-20 20:23:09
230阅读
webpack 配置 Vue 多页应用 —— 从入门到放弃一直以来，前端享有无需配置，
转载
2018-02-13 02:06:00
48阅读
