vue脚手架项目自定义路由无法显示

最新推荐文章于 2023-05-01 15:42:37 发布

加油加油加油688

最新推荐文章于 2023-05-01 15:42:37 发布

阅读量317

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/m0_57948554/article/details/124732551

版权

在学习vue脚手架的过程中,练习TodoList的案例时,自定义路由一直无法显示,排查了所有错误后,一直郁闷,最后在代码复盘时发现App.vue中的路由出口被误删...

解决方案:

加上路由出口

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

加油加油加油688

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue脚手架项目自定义路由无法显示

在学习vue脚手架的过程中,练习TodoList的案例时,自定义路由一直无法显示,排查了所有错误后,一直郁闷,最后在代码复盘时发现App.vue中的路由出口被误删...解决方案:加上路由出口
复制链接

扫一扫

解决vue脚手架项目打包后路由视图不显示的问题

10-18

今天小编就为大家分享一篇解决vue脚手架项目打包后路由视图不显示的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

vue脚手架项目入门demo（vue2）

08-28

总的来说，"vue脚手架项目入门demo（vue2）"涵盖了Vue2的基础知识，包括Vue CLI的使用、组件化开发、路由管理和状态管理。通过这个示例，初学者可以快速上手Vue2项目，并为后续深入学习和实践打下基础。

参与评论您还未登录，请先登录后发表或查看评论

vue脚手架的路由不起作用

jiang7701037的博客

03-01

1569

为什么我写的router文件夹下的index.js写的路由器不起作用，运行起来永远进入的是默认的helloword组件import Vue from 'vue'import Router from 'vue-router'import HelloWorld from '@/components/HelloWorld'import goodslist from '@/components/goods...

搭建vue环境，脚手架运行不了

喜欢猪猪

06-05

3019

目录环境搭建安装vue-cli脚手架构建工具使用vue-cli脚手架构建项目 “运行”起来环境搭建我们需要先从node.js官网安装node，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）。安装完成之后，打开命令行工具（Mac打开终端），输入 node -v，如图，如果出现相应的版本号，则说明安装成功。 node -v 那么此时你发现你不仅拥有了node环境而且还有了npm包管理器，岂不快哉！安装vue-cli脚手架构建工具在命令行中运行命令 npm ins.

vue路由跳转界面不显示

m0_62639693的博客

10-26

1361

vue路由跳转界面不显示

Vue-cli(脚手架)，嵌套路由效果出不来？过来我教你

Mgf_Yzy的博客

08-21

462

vue-cli搭建项目，嵌套路由出不来？ Vue-cli是项目中经常用到而且高效率的开发工具，而且经常会碰到路由的嵌套。但是奈何嵌套路由就是出不来，更可恨的是居然没有报错稳住稳住，问题不大，我就是来度化你们的先看看我写的错误的代码，有没有在这里面找到属于你们的影子 index.js文件 { path: '/', name: 'HelloWorld', component: HelloWorld }, { path: '/Home',

vue脚手架搭建项目及vue学习

最新发布

06-06

在"vue脚手架搭建项目及vue学习"的主题中，我们将深入探讨如何使用Vue CLI（命令行接口）来初始化一个项目，以及Vue的核心概念和关键特性。 1. **Vue CLI的使用**： Vue CLI是一个官方提供的强大脚手架工具，用于...

vue脚手架vue脚手架vue脚手架vue脚手架vue脚手架

04-26

Vue脚手架（Vue CLI）是Vue.js官方提供的一个命令行工具，用于快速搭建 Vue 项目，它极大地简化了项目的初始化过程，帮助开发者设置和配置项目环境，提高开发效率。 Vue CLI 提供了丰富的预设选项，包括Webpack配置...

vue脚手架（纯净版）

07-10

Vue脚手架（Vue CLI）是官方提供的一个命令行工具，旨在简化Vue项目的搭建和配置过程，让开发者能够快速启动新项目。"vue脚手架（纯净版）"通常指的是剥离了某些非必要插件或预设，只保留基础功能的CLI版本，以满足...

分享一个vue项目“脚手架”项目的实现步骤

10-16

3. **Vue脚手架初始化优化**：解决Vue CLI初始项目时可能存在的问题，确保新项目的基础配置正确无误。 4. **路由形式统一**：定义一套标准的路由规则，便于团队成员理解和使用。 5. **接口统一管理**：在`js`目录下...

vue 配置路由问题

weixin_37254196的博客

01-17

339

废话不多说，直接开干！直接在./src/main.js配置即可 0.创建项目 1.安装vue-router npm install vue-router --save import Vue from 'vue' import App from './App.vue' import VueRouter from 'vue-router'; Vue.use(VueRouter); //1.创建组件 import Home from './components/Home.vue'; import New

vue项目加上路由组件页面不显示

weixin_61286286的博客

05-01

4200

注意：切记已经要export default router导出，不然在下面main.js中配置是import导入会找不到index.js这个文件。查看项目文件中package.json(或package-lock.json)中vue-router依赖是否成功添加。这个问题的主要还是路由没有配置好，导致App.vue文件无法显示，下面是。配置路由表index.js。

vue打包后空白路由失效（脚手架3的处理方法）

weixin_44341126的博客

10-06

2047

vue脚手架打包后空白路由失效在项目下面创建一个vue.config.js的文件，和src同目录，只能是这个名字。 module.exports = { assetsDir: 'static', parallel: false, publicPath: './', } 更改路由下面的index.js的路由配置文件。把路由模式从history改为hash模式 const router = new VueRouter({ mode:'hash', routes }) expo

ant design pro v5子路由页面不显示的问题

weixin_45830447的博客

08-30

3064

我一开始的路由配置： //config/route.js export default [ { path: '/', redirect: '/food', }, { name: 'food', icon: 'CoffeeOutlined', path: '/food', component: './Food', }, //主要在这个地方配置了子路由list和history { name: 'material', i

react二级路由配置正确不显示页面的问题解决

qq_38256266的博客

09-14

4039

react二级路由配置正确不显示页面的问题解决最近在写react项目，配置二级路由时出了一个小小的bug,虽然是一个小小的bug,但是也苦思大半天不得其解。直到第二天豁然开朗，才发觉就这？？问题描述：在写react二级路由时，配置没有任何问题，（地址栏地址已经变了）但是页面就是不显示。错误展示：一级路由：二级路由：然后就，地址栏正常变，二级页面死活不出来，把二级路由配置注掉又能出来。。。。在百度了n条解决方案后，终于发现问题所在。解决：其实解决方案特别简单，因为我在二级路由配置中加

解决vue打包之后空白问题和路由问题

xiaoyao_zhy的博客

06-19

7457

1.打包之后打开dist之后页面空白出现该问题的大概率原因是打包之后，原先图片或者路由等的路径发生改变，在结合百度搜索之后找到的解决方法，希望能帮到你。解决方法修改vue.config,js文件（修改成如下形式即可）在这里如果出现model缺失一般提示的是node-polyfill-webpack-plugin缺失这里直接npm install node-polyfill-webpack-plugin --save即可2.路由无法使用解决方法将路由方式改为hash路由注意观察第一行导包导的包是cre

Vue设置路由后页面仍不显示为空白