7.创建项目-配置根路由文件

最新推荐文章于 2023-01-16 17:36:26 发布
最新推荐文章于 2023-01-16 17:36:26 发布
阅读量261 收藏
点赞数
分类专栏： NodeJS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yingleiming/article/details/106833281
版权
  1. 在src文件中创建路由配置文件config.js，实现路由跳转
    在这里插入图片描述
  2. 在config.js中配置资源的全路径，引入join方法，并输出viewsPath publicPath
    在这里插入图片描述
  3. 在src中的app.js中引入 config.js
    在这里插入图片描述
  4. App.js中配置公共资源访问路径
    在这里插入图片描述
  5. 打印根路径
    在这里插入图片描述
  6. 在浏览器中输入localshot:3000，git bush中输出根路径
    在这里插入图片描述
蓝色清晨_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue路由（二）
PHPer修炼之路
05-19 809
使用nginx部署项目 web服务器： TOMCAT java html APache PHP html java IIS asp 和 asp.net undowtow java nodejs 它可以部署web服务器 nginx html php 部署前端，比较流行的一个web服务器 启动 CD到nginx目录 执行 nginx 或者 start nginx 或者 直接运行nginx.exe 关闭 nginx -s stop 或 任务管理器 ctrl+alt+esc location / { root
DevEco Studio 登录华为账户无法找到应用程序
qq_44798321的博客
09-24 715
一、问题 DevEco Studio 登录华为账户无法找到应用程序 二、分析原因 看提示是找不到浏览器 三、解决办法 file–settings—Web Browsers 1、正确指定你浏览器的路径 2、将system default 改为如下First listed ...
python django 根路由----＞子路由
fffffyp的博客
09-16 1206
python django 根路由---->子路由 python django-admin.py startproject projectname #新建django项目 python manaeg.py runserver 127.0.0.1:8000 #运行服务 python manage.py startapp appname #新建子app 根路由----》子路由方法 0.前提—先新建子app python manage.py startapp txb 然后新建一个路由 u
关于路由的笔记
weixin_45316184的博客
03-20 224
1，默认根路由 在routs文件夹下的web.php文件中 2，路由定义格式 Rout::请求方式（‘请求的URL’，匿名函 数或控制器响应的方法） 例如： Rout::get(’/’,function(){ return ‘hello leravel’; }); 3，路由常用的请求方式 （1）get方法： rout::get(‘url’,function(){…}); （2）pos...
vueRouter动态添加根路由和子路由
lingliu0824的博客
07-11 5942
需求：项目为分模块开发，监听到路由地址变化后会动态加载对应的模块，从而动态为框架添加相应的路由。 但是有些路由是框架内的页面，有些路由是根路由，比如登录页面是根路由页面，占据整个页面，而业务页面是框架内的页面，框架包含header、aside、main等，路由页面在main显示。 实现：router.addRoute()方法 动态添加根路由： 动态添加子路由： 其中parentName为父级路由定义的name字段。 举例：...
二、django中的路由系统
Sean_0819的博客
01-16 1219
django中路由的作用和路由器类似，当一个用户请求Django站点的一个页面时，是路由系统通过对url的路径部分进行匹配，一旦匹配成功就导入并执行对应的视图来返回响应。
node.js项目---编辑修改学生信息页面
12-30
2. `app.js`或`server.js`：这是Node.js应用的入口文件，包含Express的配置和路由设置。 3. `models/student.js`：可能包含学生信息的Mongoose模型，Mongoose是用于MongoDB的数据建模工具。 4. `routes/students.js`...
vue新建项目并配置标准路由过程解析
10-15
本文将详细解析Vue新建项目并配置标准路由的过程。 首先，我们从`index.js`（通常位于`src/router/index.js`）开始，这是Vue应用的核心路由配置文件。在这个文件中，我们需要导入`Vue`和`vue-router`库： ```...
vue3+vite创建项目-（傻瓜式教程）
最新发布
01-19
然后在项目中配置路由： ```javascript // 在src/router/index.js中 import { createRouter, createWebHistory } from 'vue-router'; import Home from '../views/Home.vue'; const routes = [ { path: '/', ...
vue.mini.js vue-router.js
01-04
2. **导入并创建实例**：在主应用文件中，导入Vue Router并创建一个新的实例，配置路由信息。 ```javascript import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) const router = new ...
vue3新建项目，配置路由vue-router，引入element-plus
01-08
配置路由`vue-router`是单页应用（SPA）中必不可少的部分，它允许我们在应用中实现页面间的导航。在Vue3中，`vue-router`已经更新到了4.x版本，引入了一些新特性，如`createRouter`和`createWebHistory`等。首先，...
js实现自定义路由
10-20
本文介绍了js实现自定义路由，主要是事件hashchange的使用，然后根据我们的业务需求封装。具有很好的参考价值，下面跟着小编一起来看下吧
tomcat 访问localshot：8080使出现错误
一路飞奔
08-21 431
还没弄好
9.创建项目-配置路由文件夹
AndrewNeo
06-18 265
为了访问各个页面，需要配置路由文件。新建路由文件夹，并创建index.js 在index.js文件中编写路由文件，并使用export进行输出 在src的app.js中引入routers下的index.js文件 删除默认的匹配路径 挂在路由 运行npm run dev 此时的界面是无法访问主页面的 那是因为我们没有配置，我们只配置了访问后台的back页面，此时输入localhost:3000/back/,就能访问到我们刚才配置的页面了 ...
路由：指定根路由地址
AndrewNeo
07-08 244
指定根路由地址： import Vue from 'vue' import VueRouter from 'vue-router' Vue.use(VueRouter); // 引入一级路由 import Main from './../views/main/Main' //引入路由组件 import Foo from './../views/main/components/Foo' import Bar from './../views/main/components/Bar' //创建 route
vue-router基础篇整理
churijituan的博客
03-03 554
起步： 1.安装 npm 2.使用 // 0. 如果使用模块化机制编程，导入Vue和VueRouter，要调用 Vue.use(VueRouter) import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) // 1. 定义 (路由) 组件。 // 可以从其他文件 import 进来 const Foo = { ...
配置项目各应用的路由
weixin_56147264的博客
05-21 163
设置项目路由1.创建项目babies,并且在项目下新键App(commodity,index,shopper)2.配置项目主路由--url.py3、index应用的配置4.commodity应用的配置(5)shopper应用的配置 1.创建项目babies,并且在项目下新键App(commodity,index,shopper) 每一个App下都有一个url路由 2.配置项目主路由–url.py 3、index应用的配置 （1）编写index应用的视图views.py (2)编写index.html
Vue-router笔记：访问根路由重定向至首页，修改默认路由值为history模式
init_8y0的博客
04-01 4272
文章目录前言一、新建组件1.首页组件Home.vue2.关于组件About.vue3.App.vue二、使用步骤1.配置路由2.导入组件3.效果图总结 前言 Vue-router笔记：访问根路由重定向至首页，修改默认路由值为history模式 一、新建组件 1.首页组件Home.vue <template> <div> <h2>首页组件</h2> </div> </template> <script>
[实验题目] 创建Vue-CLI项目，通过静态路由，实现一般管理系统的菜单导航功能。如下图所示，点击“学生信息管理”，通过路由，在工作区显示学生卡片列表相关组件（如前面实验所实现内容）；点击“班级信息管理”，通过路由，在工作区显示班级信息管理对应组件（可只简单显示相关文字表示）。 [实验步骤] CSS类 1.创建Vue-cli项目。 2.编写主页面文件index.vue,其中将页面分为左侧菜单、右侧头部及右侧工作区，右侧工作区为router-view。 3.在src/router/index.js中配置路由。 4.创建并编辑工作区所显示内容对应的各个Vue文件。 5.运行并调试程序。
06-06
在src/router目录下，您可以创建一个名为index.js的文件，用于配置路由。在该文件中，您可以使用Vue Router提供的router-link和router-view组件，来实现页面间的跳转和渲染。 以下是示例代码： ``` import Vue ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值