vue打包如何将单页面应用打包成多页面应用

添加链接描述

在这一步里需要改动的文件都在build文件下，分别是：
utils.js
webpack.base.conf.js
webpack.dev.conf.js
webpack.prod.conf.js

assets,components,pages分别是静态资源文件、组件文件、页面文件。

前两个就不多说，主要是页面文件里，我目前是按照项目的模块分的文件夹，你也可以按照你自己的需求调整。然后在每个模块里又有三个内容：vue文件，js文件和html文件。这三个文件的作用就相当于做spa单页面应用时，根目录的index.html页面模板，src文件下的main.js和app.vue的功能。

原先，入口文件只有一个main.js,但现在由于是多页面，因此入口页面多了，我目前就是两个：index和cell，之后如果打包，就会在dist文件下生成两个HTML文件：index.html和cell.html(可以参考一下单页面应用时，打包只会生成一个index.html,区别在这里)。

这样写完还不行，运行的时候汇报404的错误：运行时构建不包含模板编译器，因此不支持 template 选项，只能用 render 选项；
写的时候把component组件的形式改为render的形式；

页面跳转的时候路径不对的话去配置文件中改： assetsPublicPath: ‘/’,

vue打包如何将单页面应用打包成多页面应用相关推荐

php页面怎么转换成静态页面,php如何生成静态页面
用php生成静态html页面因为每次用户点击动态链接的时候都会对服务器发送数据查询的要求对于一个访问量可能达百万千万级别的网站来说这无疑是服务器一个大大的负担所以把动态数据转换成静态html页 ...
vue.js能美化界面吗_vue将单页面改造成多页面应用的方法
问题描述: 手头有一个项目是使用 vue-cli 搭建的单页面应用.项目分为了管理平台和用户查看页面,用户查看页面是很简单的页面,但是在加载过程中,却加载了整个应用的打包代码,量重且影响了响应和体验. ...
解决Vue history模式下使用嵌套路由打包部署后刷新页面为空白页
解决Vue history模式下使用嵌套路由打包部署后刷新页面为空白页前言问题分析问题解决结语前言众所周知,Vue路由有两种模式,默认hash模式,这种模式下url上会带"#&q ...
vue将每个路由打包成html,Ant Design Vue pro 动态路由的实现和打包
Ant Design Vue pro 动态路由的实现和打包 Ant Design Vue pro 动态路由的实现和打包配置路由权限在config文件夹下router.config.js中配置路由权 ...
vue配置各种环境-环境切换问题-打包自由切换
vue-cli版本是2.0左右的就会有webpack的config目录 vue-cli版本是3.0以上的就会有vue.config.js没有config目录我们先来看第一种怎么配置(有webpack ...
Vue 踩坑笔记: 引入 ElementUI 时打包失败修复记录(ERROR in ./node_modules/element-ui/lib/theme-chalk/index.css)
Vue 踩坑笔记: 引入 ElementUI 时打包失败修复记录(ERROR in ./node_modules/element-ui/lib/theme-chalk/index.css Module ...
vue项目接口地址暴露_vue项目打包后可以配置接口地址的方法
因为项目测试的需要,我需要给测试人员一个项目的测试环境版本和生产环境版本,两个版本的区别就是请求的接口地址不一样而已,一开始,我是在webpack配置了不同的命令,让测试去打包,比如:使用npm ru ...
.NET5.0 单文件发布打包操作深度剖析
.NET5.0 单文件发布打包操作深度剖析前言随着 .NET5.0 Preview 8 的发布,许多新功能正在被社区成员一一探索:这其中就包含了"单文件发布"这个炫酷的功能,实 ...
自定义404页面并打包docker部署项目
前言最近看了docker的用法,对于容器的理解感觉还行,当是自我感觉总是不靠谱的.所以现在就来使用docker容器实际部署一下项目,检验自己对于知识的掌握. SpringBoot项目和docker的 ...
《PyInstaller打包实战指南》第十六节单文件模式打包PyGame
第十六节单文件模式打包PyGame 打包示例源码下载: M to the B / Coffee Breakout · GitLab 版本信息: pygame==1.9.6 pyinstaller== ...

vue打包如何将单页面应用打包成多页面应用

vue打包如何将单页面应用打包成多页面应用相关推荐

最新文章

热门文章