记录使用vue-cli3 配置multipage，采用glob自动加载，一次配置，永久生效
原创
2020-07-07 22:37:10
3995阅读
点赞
假如要单独将登陆页面当成一个项目入口文件： 第一步：创建一个登陆页面的文件 在项目public文件夹下创建一个login.html，其实就是将index.html复制一份，将title改一下： 第二步：在src文件夹下创建一个login文件夹，分别创建login.main.js、login.rout Read More
转载
2019-12-04 11:11:00
904阅读
2评论
# 创建多环境配置文件.env.dev添加内容：NODE_ENV=developmentVUE_APP_SERVER=http://localhost:8080.e
原创
2022-09-05 17:21:59
298阅读
首先用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搭建项目（注：建议安装淘宝镜像，使用cnpm执行下面操作） 1.按住shift按钮，右键点击存放项目的文件夹，点击在此处打开命令窗口。 2.在命令窗口中输入 npm install -
转载
2024-08-01 09:33:07
152阅读
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-cli 2.x 多环境打包配置。二、操作整个操作所涉及到的部分，主要是包含package.json, 还有build目录下的文件 以及 config目录下的文件。1、配置package.json在package.json中的scripts中添加相关环境地址，我的环境添
转载
2020-06-17 13:27:00
295阅读
2评论
由于公司项目需要多环境，就研究了一下vue-cli3的多环境配置，这里和大家分享一下vue-cli3多环境配置方法首先我们先看看 vue-cli环境变量和模式，通过官网我们可以发现 vue-cli 提供了三个模式（test、development、production）而每种NODE_ENV下面可以配置多个环境变量我们可以通过.env文件增加后缀来设置某个模式下特有的环境变量我们可以通过传
原创
2022-02-25 13:39:32
868阅读
://.net/qq_37055675/article/details/85047451 通过不同命令行切换不同环境api等信息， 例如： npm run dev 调用本地环境api npm run test 调用测试环境api npm run build 调用线上环境a
转载
2020-06-28 09:32:00
180阅读
2评论
我们平常用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 Router安装命令：npm install vue-router安装后在根目录中的package.json中的dependencies会声明vue-router的依赖包二
原创
2023-05-06 14:41:41
347阅读
一、前言 这里相对于之前就没那么麻烦了，通俗点说就是使用配置文件来管理多环境，实现环境的切换。 二、实现切换 1、增加开发和生产配置文件 在web的根目录下，创建开发环境切换配置文件.env.dev，内容如下： NODE_ENV=development VUE_APP_SERVER=http://1
原创
2021-10-25 11:53:57
565阅读
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评论
pages # Type: Object Default: undefined 在 multi-page 模式下构建应用。每个“page”应该有一个对应的 JavaScript 入口文件 一个指定了 entry, template,
原创
2024-04-29 10:00:48
54阅读
本文梗概 Vue 是很好用，但是以往的都是单页面应用，这就导致了一些传统的项目移植困难，一些用了 JQ 的插件的等等写法都要改变。也还用专门找到相对于的 Vue 的插件才行，这次的 Cli 3.0 可...
转载
2021-06-05 22:44:31
280阅读
2评论
本文梗概Vue 是很好用，但是以往的都是单页面应用，这就导致了一些传统的项目移植困难，一些用了 JQ 的插件的等等写法都要改变。也还用专门找到相对于的 Vue 的插件才行，这次的 Cli 3.0 可以在原来项目的基础上直接移植，非常方便。在本文中，会讲到如下
原创
2021-07-12 09:34:04
232阅读
