vue-router

于 2022-04-02 17:36:32 发布
阅读量1.4k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 前端 文章标签： Mac webpack nodejs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Shiny0815/article/details/123922797
博客介绍了在编程中如何避免导入特定的'./router/index.js'，而是直接引用'./router'目录，系统会自动查找并加载该目录下的index文件。这种方法简化了代码，提高了开发效率。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

可以不写 import router from ‘./router/index.js’
直接 import router from ‘./router’ 如果router是个文件夹，会自动查找目录下的index文件
在这里插入图片描述

编程: 去除网页中的index.html
2301_79326588的博客
10-06 823
在网页开发中，"index.html"通常被用作默认的起始页面。在本篇文章中，我将向你展示如何在编程中去除网页中的index.html，并提供相应的源代码。首先，我们需要创建一个新的HTML文件，作为替代的起始页面。通过以上步骤，你可以成功地去除网页中的index.html，并使用自定义的起始页面。记得根据你的实际情况进行配置和调整，以满足你的需求。完成后，访问你的网站应该会显示新的起始页面"home.html"，而不是"index.html"。如果你使用的是其他服务器软件，你需要参考相应的文档进行配置。
vue去掉访问路径index.html,解决vue项目访问路径#号的问题
weixin_42360967的博客
06-30 4427
解决vue项目访问路径#号的问题发布时间：2020-08-19 11:29:49来源：亿速云阅读：118作者：小新解决vue项目访问路径#号的问题？这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容，让我们一起来看看吧！刚入手vue，有好多的疑问，目前遇到的是vue项目启动之后，输入http://ip:port，我发现浏览器里面显示的地址栏竟...
vue项目中路径中为什么默认有index.html#
热门推荐
Roriring的博客
03-13 1万+
使用vue开发了很多手机app还有微信公众号页面，开始的时候一直都是在以完成项目为目的，没有去思考一些东西，只知道怎么去用，发现成长的太慢了。一段时间没有去开发vue的项目，突然有一天一个同事过来问我项目是不是出错了，搞了半天也没有找到问题，只是访问项目的时候浏览器页面一片空白，于是细心地去看了一下，后来想了一下该准备的东西都准备了，也没有报错是不是路径的问题，后来发现真的是这么回事，在访问的时...
新增路由 vue html,VUE 项目刷新路由指向index.html
weixin_36331580的博客
06-03 1117
背景描述：VUE 项目经过 npm run bulid 生成静态文件上传到服务器后，当我们切换路由并刷新页面，nginx 服务器会报 502 或者 404 错误。原因分析：我猜测是因为在 VUE 项目中，路由是利用H5的 history ，看起来页面 url 发生了变化，其实根本就在同一个页面。简而言之，除了根路由之外的路由并不是有效的 url，所以直接刷新页面并不能 get 到对应的内容。解决方...
（搭建构架3）Vue路由的配置和使用
weixin_46166949的博客
04-27 905
1、配置路由 使用了淘宝镜像的 cnpm install vue-router --save 或者未使用淘宝镜像的 npm install vue-router --save 以上两种都可以，后面加上–save 那么这个依赖就存在config.json了 ...
Vue学习--关于Vue以及其在VS code上面编写的一些问题总结
qq_38198952的博客
02-22 280
Vue的学习Vue (读音 /vjuː/，类似于view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据...
基于Vue 3+ Vite+Vue-Router 4+Element-Plus+Echarts+Axios 开发的后台管理系统
06-14
基于Vue 3+ Vite+Vue-Router 4+Element-Plus+Echarts+Axios 开发的后台管理系统 项目经过严格测试，确保可以运行！ 基于 Spring Boot 和 Vue 以及相关技术栈开发。 前台商城系统包含首页门户、商品分类、新品上线、...
基于Vue+Vue-Router+Vuex+Element-ui+axios，高仿小米商城，实现的电商项目
06-15
基于Vue+Vue-Router+Vuex+Element-ui+axios，高仿小米商城，实现的电商项目。本项目前后端分离，前端基于Vue+Vue-router+Vuex+Element-ui+Axios，参考小米商城实现。后端基于Node.js(Koa框架)+Mysql实现。前端包含了...
vue-router-sitemap-通过vue-router配置生成sitemap.xml-Vue.js开发
05-27
vue-router-sitemap通过vue-router配置安装npm i --save vue-router-sitemap示例用法// router.js import VueRout vue-router-sitemap通过vue-router配置生成sitemap.xml安装npm我-保存vue-router-sitemap示例用法//...
Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0后台管理系统
05-02
Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0+Axios 开发的后台管理系统 Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0+Axios 开发的后台管理系统 Vue 3.0+Vite 2.0+Vue-Router4.0+...
vue-router-invoke-webpack-plugin:根据文件目录自动生成vue-router的路由
05-14
根据文件目录自动生成vue-router的路由。 安装 npm npm install vue - router - invoke - webpack - plugin - D cnpm cnpm install vue - router - invoke - webpack - plugin - D 纱 yarn add vue - router - ...
Vue(一)：基础语法（上）
baidu_38730364的博客
09-18 394
简介 框架作者：尤雨溪 官网地址 https://cn.vuejs.org/ github上面 众多star数量 组件化的、快速开发的特点 最流行前端开发框架之一 一.生命周期 可结合官网看关于生命周期的知识 beforeCreate 组件刚刚被创建 创建前 created 组件创建完成 创建后 beforeMount 挂载之前 载入前 Mounted 挂载之后（非常重要） 载入后 ajax请求大部分会在mounted里面进行。 VUE是虚拟DOM，当需要对DOM
vue cli的使用(日常使用)
ZHXT__的博客
09-09 382
pop(); 是删除元素的最后一个值,为出栈; props:用于一些数据的复用; computed:{}, watch:{}; 数据的复用;以及加上 key值使其不被复用; 或者v-model 对于数据的监听,需要现在data中声明;不然无法监听到; ...
去掉首页index.html ___________
weixin_42572968的博客
11-05 2422
RewriteCond %{REQUEST_URI} ^(/index\.html)$ [NC] RewriteRule ^(.*) / [R=301,L] RewriteCond %{REQUEST_URI} !^(/index\.html)$ [NC] RewriteCond %{REQUEST_URI} (/index\.html)$ [NC] RewriteRule (.+)/index\...
Vue做为一个单页面应用，如何跳转到index之外的自己写的html
m0_50488756的博客
04-03 1903
Vue如何跳转到其他页面(尤其是vue3没了static文件夹) 今天想要把一个大数据展示模板套在一个vue项目里，开始按照其他博主的步骤，把自己的html放在了项目的public或者static(自己建的)文件夹下，然后在页面里加上window.location.href=’ ';然鹅没用，看导航栏的路径确实跳了，但是检查页面元素确实空的index页面。 我仔细想了下vue的原理，既然它是单页面，其实他就一个html，那其他的vue其实都是按请求和路由，轮流刷新做为index.html的一部分，想要跳转的
vue清理浏览器缓存
weixin_43805387的博客
12-05 5848
在入口文件index.html中，头部添加meta标签 <meta http-equiv="Expires" content="0"> <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Cache-control" content="no-cache"> <me...
vue 自动生成路由，path和name默认去除index
m0_45043105的博客
07-26 1666
router.js /** * 规则： * 一、例如：index/index，shop/index以index结尾的，path和name默认去除index * 二、例如：shop/list，默认生成name为shop_list（如果结尾为index，例如shop/index则是shop） * 三、填写后不会自动生成 * **/ let routes = [{ redirect: { name: 'index' }, // component: () =>.
【转载】vue项目main.js文件下import router from ‘./router‘默认导入router文件夹下index.js的原因
weixin_41604040的博客
12-02 3906
【转载】vue项目main.js文件下import router from './router'默认导入router文件夹下index.js的原因 在vue项目文件夹下的src目录的main.js文件中，是这么引入router的： import router from './router' 等效于 import router from './router/index.js' 这个不是vue的规定而是node加载模块的方式,当require(’./router’)(import会被转为require),n
vue中无法使用index.html中js文件的变量
kalinux的博客
10-12 4622
在某js中使用window定义对象变量，使用html引入这个js文件，则本html中的script可以直接使用这个window定义的变量。但是vue文件不可以直接使用，需要重新定义：const a = window.变量名 才能获取 draw.js中： window.draw = new Draw(); 1. 在index.html中： console.log(draw) // new Draw(); 2. 在index.html中： window.a = new Draw(); cons...
Vue-router
最新发布
02-11
### Vue Router 安装 为了使用 Vue Router，在项目中需先完成其安装。推荐的方式是利用 npm 或 yarn 来添加依赖： ```bash npm install vue-router # 或者 yarn add vue-router ``` 这一步骤确保了开发环境中有...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值