vue配置多页面应用~

最新推荐文章于 2023-12-29 09:28:53 发布
最新推荐文章于 2023-12-29 09:28:53 发布
阅读量5.7k 收藏
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010289111/article/details/79236470
版权
百度~~
然后看了很多最后配置出来了，可是由于对流程的不熟悉吧
最后到线上构建的时候使用的是 cnpm run build 来实现部署
然后我那时候额，不对我现在对配置文件也不是掌握的很6，然后一部分的资源没加载出来我就方了
原来做多页面应用也是因为有一个移动端和一个pc端而且由于是活动页面相对应的tdk是很多的呐，所以我觉得用xx多页面实现比较好
但是vue可能比较适合搭建多页面应用吧，一方然后问了一下更加更加厉害的同事结果他们没有实现过这些类型的。
今天抽空做了一下笔记，我是参考了这个博主的实现的
确定是可以实现多页面应用的，但是最后部署的话会产生有些资源路径不对的问题
我后来切成了两个svn就没有这个问题了，提供的解决思路的话
我后来为了优化首次加载速度的时候就
看了一下这个可能比较有用~~
有些情况还是可能很有用的
Annkeke
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue配置多页面应用
weixin_43354504的博客
08-24 3145
Vue配置多页面应用 vue常用单页面开发，在系统越做越大的时候，常会在系统内嵌套另外的页面，单页面程序已经不太适用了。 单页面应用（SinglePage Web Application，简称SPA） 只有一个html页面，只需要一开始加载一次js、css的相关资源。所有内容都包含在主页面。跳转是通过组件的切换完成的，跳转较为流畅，组件化开发，易维护。缺点：首次进入加载过慢，只能刷新局部资源。 多页面应用（MultiPage Application，简称MPA） 有多个html页面，每个页面都需要加载js、
vue-cli 配置多页面应用
solovolf的博客
11-07 1897
本文教程根据这里改编并且完善，gitbub地址在这里。由于上述教程之提供了关键的几个配置，在按照教程配置完后并不能直接运行。 剩下的问题主要是因为路径引起。 index.js中引用 index.vue 需要写全部后缀名。 各个html中图片资源以组件路径。 config/index.js中build属性中的assetsPublicPath属性配置’/’更改为”，这样build后的文件才可以直接使
webpack打包批量替换路径（string-replace-webpack-plugin插件）
牟云飞的博客
12-29 1501
是一个用于在 webpack 打包后的文件中替换字符串的插件。它可以用于将特定字符串替换为其他字符串，例如将敏感信息从源代码中移除或对特定文本进行本地化处理。比如文件的html、css、js中的路径地址想批量更改一下/image/111.jpg改为111.jpg文件太多挨个改太多，通过string-replace-webpack-plugin在打包的时候批量替换。
vue配置多页面应用
lan_学习分享
06-04 1031
转载自：（留着参考，图片复制不过来） https://blog.csdn.net/stiven_lu/article/details/80271012 第一步：使用vue-cli搭建项目（注：建议安装淘宝镜像，使用cnpm执行下面操作） 1.按住shift按钮，右键点击存放项目的文件夹，点击在此处打开命令窗口。 2.在命令窗口中输入 npm install -...
vue多页面应用
吕秀军的博客
09-13 2249
http://www.cnblogs.com/fengyuqing/p/vue_cli_webpack.html
VUE多页应用搭建
MH.的博客
09-28 1804
这篇文章是我看视频后总结的，尽可能的细致的记录了下来。 如果有哪里说的不对或者不全的，大家告诉我，我会及时修改。 demo演示说明 http://localhost:8088/user.index.html#/下有路由http://localhost:8088/user.index.html#/u，可以在这个路由上点击跳到http://localhost:8088/goods.index.html...
Vue3.0配置多页面应用
03-17
在配置Vue3.0的多页面应用时，我们通常会涉及到以下几个关键文件： 1. **vue.config.js**：这是Vue CLI自定义配置文件，用于扩展默认配置。在多页面应用中，我们需要在此配置`pages`对象，列出所有的入口文件，例如...
vue 配置多页面应用的示例代码
10-17
### Vue配置多页面应用知识点 #### 1. 环境准备 - **Vue.js版本**: 文档中提到使用Vue 2.5.2版本，这是一个相对成熟的版本，适合进行深入的项目开发。 - **Webpack版本**: 文档中提到Webpack为3.6.0版本。Webpack...
vue配置多页面的实现方法
08-27
下面将详细介绍如何实现Vue配置多页面的方法。 首先，确保你已经安装了必要的开发环境。包括Node.js，将其添加到环境变量PATH中，然后使用npm或cnpm（中国的npm镜像）安装webpack、vue-cli以及项目所需的相关依赖。...
vue将单页面改造成多页面应用的方法
10-17
在Vue.js开发中，单页面应用（SPA）和多页面应用（MPA）各有其应用场景。当项目需求涉及多个独立的、不互相依赖的页面时，将单页面应用改造成多页面应用是一种优化策略，可以减少不必要的代码加载，提高页面性能。本...
vue-multi-page:vue下的多页面应用
05-18
vue2.* (多页面跳转) @[vue2.3.3|webpack2.6.1|scss|axios] 以前看过有相关朋友share了空的多页面脚手架. 不过down了几个都是webpack1.0或者vue1.0的. 刚好项目需要用到vue. 就在vue-cli的基础上进行了修改 已经有babel直接用es6即可,如果需要修改配置的请到 .babelrc里面修改 并且全局引了JQ(如果不需要或者不喜欢 请到base.conf.js里面修改) 命令 国际惯例 npm install (or cnpm 其他) 装依赖包 npm run dev 起服务 npm run build 打上线包 跑起来服务后,需要在url输入 /module/*.html (*为对应文件夹名字) 添加了新文件夹后,需要重新 npm run dev一下 ##目录结构 build/config: 一系列配置文件 src:
vue如何搭建多页面多系统应用
11-20
本文为大家分享了vue如何搭建多页面多系统应用，供大家参考，具体内容如下 一、多页面多系统应用 1、思路 使用Vue搭建多页应用。所有系统都在同一目录下。配置多入口多出口。每个系统之间可以链接。每个系统内依然采用Vue单页应用开发。 2、组件复用性 可以将所有的系统公共组件放到系统目录最外面，以达到组件复用。在系统内部依然将自己独立的组件封装，复用。这样可以最大限度的提高组件的复用性。 3、路由 每个系统单独进行路由配置 4、数据管理 每个系统数据仓库单独处理 5、目录结构 6、效果 在做Vue项目的时候，需要用对多个类似系统做一个集成。想过很多种方法，比如：完全单页应用，分开独立应用，
vue25多页应用多级目录结构可灵活配置的staticcommonjswebpack3
08-12
vue2.5，多页应用，多级目录结构，可灵活配置的static/common.js，webpack3
vue+vuecli+webapck实现多页面应用
07-17
vue+vuecli+webapck实现多页面应用,集成router路由及vux插件。
vuecli3多页应用demo
08-12
vue-cli3 多页应用 demo
vue 多页面应用例子_vue-cli + webpack 多页面实例应用
weixin_39760368的博客
12-20 170
关于vue.jsvue.js是一套构建用户界面的 轻型的渐进式前端框架。它的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。使用vue可以给你的开发带来极致的编程体验。关于vue-cliVue-cli是vue官方提供的一个命令行工具(vue-cli)，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需一分钟即可启动带热重载、保存时静态检...
vue 多页面应用例子_vue+vuecli+webapck2实现多页面应用
weixin_39839478的博客
12-20 109
准备工作在本地用vue-cli新建一个项目，首先安装vue-cil，命令：npm install -g vue-cli新建一个vue项目,创建一个基于"webpack"的项目,项目名为vuedemo：vue init webpack vuedemo这里有一个地方需要改一下，在执行npm install命令之前，在package.json里添加一个依赖,后面会用到。修改webpack配置项目目录├─...
实战 Vue 之配置多页面应用
热门推荐
杏子
07-02 1万+
最近一直在做企业钉钉应用开发，即每个功能模块都是一个单独的应用，单独的页面，配置到钉钉里面，就可以单独访问了。比如开发登陆模块的时候，会搭建一套环境，创建 login.html 以及相应的 js 和 css。再开发注册模块的时候，又搭建一套环境，创建 register.html 以及相应的 js 和 css。
vue3-ts-vite：vue 项目 配置 多页面应用
snowball的博客
08-07 8258
Vue是一种单页面应用程序（SPA）框架，这意味着Vue应用程序通常只有一个HTML页面，而在该页面上进行动态的内容更改，而不是每次都加载新的HTML页面。但是，有时候我们需要在同一应用程序中拥有多个独立的页面，每个页面都可以单独处理路由和逻辑。这就是多页面应用（MPA）的概念。在Vue中，实现多页面应用程序的方法是使用Vue的多入口特性，即通过配置多个入口文件来实现。每个入口文件都有自己的路由配置、组件和其他相关资源。
vue多页面路由配置
最新发布
04-21
通常情况下，Vue项目是单页面应用（SPA），只有一个入文件和一个路由配置文件。但是有时候我们需要在同一个项目中同时管理多个独立的页面，这时就需要进行多页面路由配置。 在Vue中，可以通过vue-router插件来实现...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值