用vue-cli搭建了一个项目，开发环境中路由一切正常，但是打包后路由无法渲染

qq_34907563 2017-12-07 10:52:48

...全文

1807 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

zhbun123 2017-12-15

打赏
举报

回复

首先，history模式path前应该加 / 吧，没试过不加的，而且在history模式下，Cordova打包会出现路由不正常现象，目前我还没有解决，在hash模式下好像就没有问题

（一）环境搭建：安装Node.js和npm，配置好Vue的开发环境。 Vue-cli使用：通过Vue-cli创建项目，并安装ElementUI和ECharts依赖。组件库学习：学习ElementUI组件库的使用方法，了解各组件的属性和事件。 ECharts学习：学习ECharts的文档和API，掌握图表的配置和渲染方法。编码实现：根据实验思路编写代码，实现页面布局、数据绑定、图表制作和路由切换等功能。调试与测试：使用Vue开发者工具进行调试，确保代码的正确性和性能。（二）项目创建与配置：使用Vue-cli创建新项目，并配置好必要的依赖项，如ElementUI和ECharts。页面布局与组件设计：利用ElementUI的组件库设计页面的基本布局，包括导航栏、侧边栏、卡片等UI元素。数据准备与绑定：准备需要展示的数据，并通过Vue的常用指令（如v-bind、v-model等）实现数据绑定。图表制作与集成：根据实验要求，制作至少四种不同的图表（如柱状图、折线图、饼图、散点图等），并使用ECharts提供的API集成到页面中。路由配置与页面切换：配置Vue Router实

本文实例讲述了vue-cli3使用mock数据的方法。分享给大家供大家参考，具体如下：在前后端分离的开发模式中，后端给前端提供一个接口，由前端向后端发请求，得到数据后前端进行渲染。由于前后端开发进度的不统一，前端往往使用本地的测试数据进行数据渲染的测试。正文开始在vue-cli构建的项目，我们可以借助devServer开启一个服务，然后我们可以通过路由模拟一个接口来进行测试。在vue-cli2和vue-cli3中的配置方式是不同的。下面分别展示 ##　vue-cli2 先放一张vue-cli2生成项目图片 mock文件夹是一个我自己创建的用来存放模拟数据的文件夹，其中有一个json文

主要课程内容：本课程的脚手架工具为vue-cli3.11.0的版本，适合零基础新手入门学习这款新版的vue脚手架工具，我们可以使用这样一个工具快速搭建出我们的Vue项目主要内容涵盖知识点有： 1. 课程介绍 2. 安装...

vue-example 关于vue项目的使用实例 vue-cli vue-base 使用vue-cli搭建的vue项目，没有其他操作，纯净的vue项目 vue-router-base 使用vue-cli搭建的vue项目，加上了路由功能 vue-vs-react 关于vue项目和react项目的render渲染的速度对比，项目是来自于vue的作者的git上的，在此只是做一个备份 vue-directive vue -directive 关于vue指令的使用 vue-transfer-info vue-transfert-info 关于组件间的信息传递 vue-vuex vue-vuex-base 关于vuex的基本知识点的使用 vuex-todo-example 使用vuex的todo代码，简单是实现todo的功能，没有样式 vuex-example-todo 使用了vuex的todo代码，

Vue SEO友好水疗模板为SEO配置的Vue.js PWA / SPA模板（最初由vue-cli搭建）。您可以在此处找到React版本：。特征：打字稿使用自定义BackToTop.vue组件配置为允许通过自定义SVG 使用 Google Analytics（分析）管理使用路由元标记管理配置为使用提供预渲染的静态HTML 演示版总体概述该模板反映了我尝试创建自己的静态前端个人站点时要经历的一些设置，该站点将托管在Netlify上（使用GitHub作为存储库/管道）。您可以找到该实验。经过这个过程后，我认为我将对该项目构建更高级别的抽象，以便将来快速重用。技

39,084

社区成员

5,548

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章