vue-router2.0 结合后台服务实现动态路由

Gemini_0620 2018-08-25 10:41:00

如图：想使用vue-router2.0 结合后端服务实现hash动态路由，但是自己实现的有一些问题，页面刷新路由失效，如果动态添加和删除路由，请问各位大神有没有什么好的方案，万分感谢

...全文

866 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

qq_18055057 2018-08-30

打赏
举报

回复

vue前端开发神器

在上篇文章给大家介绍了使用vue.js2.0 + ElementUI开发后台管理系统详细教程（一） 1. 引入路由工具vue-router，切换视图 # 安装vue-router cnpm install vue-router --save-dev 2. 使用vue-router main.js import Vue from 'vue' import App from './App' import VueRouter from 'vue-router' import routeConfig from './router-config' // 引入router-config.js文件 //

连接Mysql代码在server/conf/conf.js配置信息改为自己的。表创建在server/malldata.sql文件内直接复制插入。数据库名是malldata，不懂用数据库去百度很容易 cd vueMall npm install express: cd server npm install 依赖 # 本地开发，开启服务器，浏览器访问http://localhost:8081,express监听的是3001端口http://localhost:3001 vue: npm run dev express: node bin\www npm run build 基于vue2.0 使用vue-cli脚手架搭建项目使用vue-router实现路由切换使用vuex进行状态管理使用axios进行数据请求 stylus和scss编写样式联动滚动借助了vue-infinite-scroll插件和图片懒加载vue-lazyload插件 Express编写后台api Mysql实现数据存储功能登录注册商品详情购物车管理地址管理订单管理模拟支付

本课程大喵将带着大家手学习认识 Vue3.0+Vue-Router4.x+Vuex4.x 全家桶开发新特性新知识点，并且会结合小案例对每个新的Vue3.x新知识点做详细的讲解；在讲解过程中，我们会对比Vue2.x的API特性，使用有哪些区别，实现方式有哪些改变，这样对Vue3.x新手同学就更加的清晰易懂。课程中，我们将会以新手入门案例项目实战紧跟课程内容的方式学习本门课程，方便大家能够快速将Vue3.X新技术运用到日常前端项目开发里面去，让大家熟悉并且掌握 Vue3.0+Vue-Router4.x+Vuex4.x 全家桶的项目实战开发，并且能够学会对老Vue2.x项目做技术上的升级迁移；

vue-element-admin PS：如果无法访问，刷新下，是否cdn资源没有加载出来。使用http访问用到的技术 vuejs框架 vue-cli脚手架工具 vue-router路由插件 vuex状态管理 ElementUI饿了么ui组件 axios第三方http请求库 webpack资源打包工具构建设置 # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with minification npm run b

.技术选型前端技术：基础的HTML、CSS、JavaScript（基于ES6标准） JQuery Vue.js 2.0以及基于Vue的框架：Vuetify 前端构建工具：WebPack 前端安装包工具：NPM Vue脚手架：Vue-cli Vue路由：vue-router ajax框架：axios 基于Vue的富文本框架：quill-editor 后端技术：基础的SpringMVC、Spring 5.0和MyBatis3 Spring Boot 2.0.1版本 Spring Cloud 最新版 Finchley.RC1 Redis-4.0 RabbitMQ-3.4 Elasticsearch-5.6.8 nginx-1.10.2： FastDFS - 5.0.8 MyCat Thymeleaf

39,084

社区成员

5,548

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章