【vue Django 前后端分离项目】1.2 配置路由

已于 2022-10-03 20:10:09 修改
阅读量492 收藏
点赞数
文章标签： vue.js javascript 前端
于 2022-10-03 20:07:54 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaobai_1900/article/details/127155496
版权

1.2 配置路由
在App.vue里添加一个router-link
在这里插入图片描述在router文件夹里，index.js文件里，进行该路由的配置，路径path，名字name，指定的组件component
在这里插入图片描述
在view文件夹下，新建一个组件，名字叫ShowCenter，进行相关的被配，将这个组件暴露出去
在这里插入图片描述

最后出来的效果：
在这里插入图片描述

xiaobai_1900
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Django 路由分发
The的博客
06-01 880
一、 静态路由 urlpatterns属性 urlpatterns是路由文件中的一个全局变量，用来存放路由及视图函数的映射关系 用户发起的请求URL都会首先进入主控制目录下的这个urls.py文件中进行查找匹配 首先找到urls.py下的urlpatterns全局变量，这是一个路由规则实例的列表数据。 按照先后定义顺序，进行路由匹配。 找到第一个匹配项时停止匹配，执行匹配到的视图函数。 遍历完全，未发现匹配，django进行异常处理 其中urlpatterns中的每一个路由映射规则可以由path或re_
Django前后端分离之后端接口流程
weixin_61422097的博客
10-21 560
创建项目 workon django django-admin startproject 项目名 pycharm打开项目 设置解释器 创建子应用(python manage.py startapp 子应用名) 修改配置文件(第二个项目名下面的settings.py) 注册子应用 # 注册APP 也就是让Django项目识别 自己的子应用 INSTALLED_APPS = [ 'django.contrib.admin', ...
（一）框架搭建，前端路由设置，自定义寻找指定路径（Django+Vue+Mysql，数据库管理数据分析网站）
w2020_9_25的博客
04-03 1万+
该系列文章作者从零开始，0基础直接上手制作网站，总结了全程遇到的困难和小白应该注意的点，我会尽可能把可能出现的报错涵盖在这里面，有不足敬请指出！
django+vue项目搭建，前后端通信打通，
我是一言
02-17 3752
使用python+django+vue+element-ui打造自动化平台，首先打通开发环境django后端服务和vue的跨域联调问题和生产通信问题
vue+django初体验-vue如何匹配到django项目rul路径
qq_35404734的博客
04-23 1716
vue+django
Python+Vue+Django前后端分离项目实战
06-18
本视频采用了前后端分离的开发模式，前端使用Vue.js+Element UI实现了Web页面的呈现，后端使用Python 的Django框架实现了数据访问的接口，前端通过Axios访问后端接口获得数据。在学习完本章节后，真正理解前后端的...
Python+Vue+Django前后端分离的学习学生管理系统源码.zip
05-08
Python+Vue+Django前后端分离的学习学生管理系统源码 Python+Vue+Django前后端分离的学习学生管理系统源码 Python+Vue+Django前后端分离的学习学生管理系统源码 Python+Vue+Django前后端分离的学习学生管理...
Spring Boot 3 + Vue 3前后端分离保姆级学习型新闻项目
07-12
一套基于时下最新 Java 技术栈 Spring Boot 3 + Vue 3 开发的前后端分离学习型新闻项目，配备保姆级项目开发教程手把手教你从零开始开发上线一个生产级别的 Java 系统。由新闻门户系统、作者后台管理系统、平台后台...
Vue、Django前后端分离项目实战课程.rar
10-24
在"Vue、Django前后端分离项目实战课程"中，学员可以学习到如何将这两个强大的工具结合在一起，创建一个完整的Web应用。首先，你需要理解前端和后端的基本概念。前端是用户直接交互的部分，包括浏览器中的HTML、CSS...
django+vue分离项目实战.rar
09-03
在本资源"django+vue分离项目实战.rar"中，我们将探讨如何使用现代Web开发技术Django和Vue.js来实现一个完整的前后端分离的实战项目。这个项目需要的基础环境包括Python 3.6及以上版本、Django的最新版、Node.js的...
django与vue 前后端分离开发，自测一系列设置，跨域，路由中间件
guan__ye的博客
06-14 1775
路由中间件设置：本地设置路由是localhost:8000:首先在vue里开始设置：在confi文件夹下，设置dev.env.js代码如下：'use strict'const merge = require('webpack-merge')const prodEnv = require('./prod.env')module.exports = merge(prodEnv, { NODE_ENV...
[vue3+django]升级_权限功能+路由设置+动态路由
weixin_45039579的博客
04-30 993
一、背景 要对vue3项目进行升级，主要是添加用户权限，根据不同用户展示不同路由。 二、思路 1.对django后端进行处理，包括添加权限信息列 2.对后端登录接口进行处理，将权限信息通过response返回前端 3.前端将权限信息存入Vuex和sessionStorage中 三、操作 后端 后端的具体表，在models.py中添加auth，包括common和admin两种代表普通用户和管理员 我们项目中login接口返回的数据 在这里对auth字段进行提取，存入data中，随response发回前端。
vue打包后在django中无法使用路由切换组件(笔记）
water_poisoning的博客
10-04 415
用vue写了一个页面，打包放到django上时发现路由失效，无法切换组件。切换组件时出现以下错误 查找资料，结果为路径问题或路由懒加载问题 路径问题 vue-cli 2中可以将assetsPublicPath改成’./’ vue-cli 3中需要自己配置config文件 config内容配置如下： （vue-cli官网查看配置方法） 路由懒加载问题 配置完成后，依然无法切换，检查为路由懒加载问题 非懒加载 懒加载 懒加载后的打包文件在django中无法使用路由，问题未知，暂时未解决。 ...
Django+Vue部署
举的博客
02-18 1万+
说明：后文中出现的以下字符串均表示具体的路径或者名称，含义如下： DJANGO_DIR---表示django的工程根目录 例如：/data/Datalable DJANGO_NAME---表示django的工程名称 例如Datalable VUE_HTML_DIR---表示vue的index.html路径 例如:/data/dist VUE_STATIC_DIR---表示vue的stati...
Vuejs学习之-----vue-router实现路由功能
diligentkong的博客
07-18 5535
虽然现在是vue2.x版本的，但是我想从最基础的vue1.x开始学起，后续会用2.0的版本Vue-router1.0的版本github地址，不过都是英文的，正好可以锻炼阅读英文文档的能力 https://github.com/vuejs/vue-router/tree/1.0/docs/en 用 Vue.js + vue-router 创建单页应用，是非常简单的。使用 Vue.js ，我
vue写好了一个项目后打包放到django文件下，打开路由不跳转的解决
qq_44774831的博客
04-28 772
vue+django，路由不跳转问题路径问题路由懒加载问题 查了相关资料，结论是路径问题或路由懒加载问题 路径问题 vue-cli 2中可以将config中的index.js中的assetsPublicPath改成’./’ 然后在router的index.js中注释掉// hash: ‘history’, vue-cli 3中需要自己配置config文件 在项目根目录下添加vue.config.js，配置如下： 路由懒加载问题 配置完成后，依然无法切换，检查为路由懒加载问题 非懒加载 懒加载 .
Django之路由配置
DD1852的博客
08-15 1889
Django
Django+Vue2 前后端分离
qq_52013792的博客
09-18 7081
1.创建django项目 1，打开PyCharm创建一个创建Django项目 django-admin startproject demo 2，进入项目根目录，创建一个 App 作为项目后端 cd demo python manage.py startapp backend 　　　　　　//backend就是app名称 2.配置django 1.在所创建的app(backend)中创建子路由(urls.py) 2.在刚创建的urls.py中配置接口路由....
django 与 vue 的完美结合 实现前后端的分离开发之后在整合
热门推荐
guan__ye的博客
05-25 5万+
最近接到一个任务，就是用django后端，前段用vue，做一个普通的简单系统，我就是一搞后端的，听到vue也是比较震惊，之前压根没接触过vue.看了vue的一些文档，还有一些项目，先说一下django与vue的完美结合吧！首先是创建一个django项目  django-admin startproject mysite # 创建mysite项目 python manage.py startap...
python+vue+django前后端分离项目实战
最新发布
06-28
Python+Vue+Django前后端分离项目实战，涉及到使用Python语言编写后端服务，使用Vue框架构建前端界面，并通过Django框架作为API接口实现前后端数据交互的方式。在实战项目中也会涉及到数据库设计和调用、权限控制、...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值