暂无权限

加入尚新途,才有权限看这些视频哦!

点击前往
×
问答
Web前段
1楼

老师,感觉前面缺了一节课,路由基础配置这节课老师上来就说前面讲过速度可以快点,但是前面没有啊,所以这里都听不懂这里的课程会更新吗?这里的课程感觉好乱,边上课边录的课程感觉不连续,还是前面几部分直接录得课程讲的清楚。

尚新途

这里不缺课,他的意思是在react里面见过路由,所以这里快一点,但是内容都是讲了的。没有问题。

更新课程的滑已经在录课了,快更新了

尚新途

好的,谢谢老师

尚新途

不客气的


切图仔
2楼

老师 我这里路由哪里写错 没看到  帮忙看一下信息


image.png

image.png

image.png

image.png

image.png

image.png

image.png

尚新途

老师记得说过好几回了吧,项目上的问题得把项目压缩提交上来呀,每次就截几张图神仙都找不到问题


把你的项目提交上来

sheredoen
3楼

老师,代码没有错的情况下。报这个是什么意思呀image.png

尚新途

没有代码老师没法给你看呀

切图仔
4楼

老师为啥在主入口文件导入router文件夹里面的哪儿跟indexjs文件不是import routes  而是router呢  按照视频我运行不起来啊  进不去shop 和Home网址 一直空白


生成路由对象不是routes吗?


image.png

image.png

尚新途

要认真看视频哦,这里是component ,没有s

image.png

切图仔
5楼

老师 3分11秒那里 在路由文件index.js那个文件引入router文件 那个文件是一安装就会自动生成的吗  还是自己手写的?

尚新途

如果你在安装的时候安装了路由他就会自动生成,没有安装的话就得自己手写

旺旺碎冰冰
6楼

老师,我这个运行之后,页面不显示阿

vuerouter.rar

2021-01-17_174257.png

尚新途

页面成功选然后,控制台出错

2021-01-17_174910.png


尚新途

div里面的内容显示不到页面上

2021-01-17_181942.png

尚新途

点了学习的连接后,Java和web的链接并没有显示

2021-01-17_190110.png

尚新途

这里是routes,不是router

image.png

四喜小丸子
7楼

这里是不是少一节课啊,安装的什么呢,也没说明白

尚新途

额这里就是安装 路由 ,没有少课

image.png

⃰⃰叶⃰落⃰无⃰声⃰花⃰自⃰残⃰
8楼


老师 安装路由 出现这种情况 是什么问题呢

尚新途

安装一下就行了npm install --save-dev webpack-dev-server

尚新途

噢噢 好的 老师 我按照您说的跳着学的 以至于关于webpack的内容没有学 麻烦您了

尚新途

没事没事

尚新途

QQ截图20201119104912.png

老师 我在21Vue文件下输入这个命令 就会出来这两个文件是什么意思呢 而且就算输入了这个命令 npm start的时候也不能正常启动

尚新途

老师 要不您跟我说一下 学习到这 都需要安装什么吧 我看看我有没有落下

尚新途

老师 新建路由文件这过不去了

尚新途

群里找你

鑫桐
9楼

这个是什么错误啊?我直接用的老师的文件安装的,但是显示不出来8080的界面

image.png

尚新途

群里回复


小哥
10楼

老师,这里我不太明白,建立 的文件夹home  shop   等的首字母必须大写呀?里面的文件夹必须是index.vue呀,二级的时候就可以不考虑这个问题了,我试着改了一下之后,就报错。bb5ec2b2ea59d9e16f719cb64b95ac6.png

尚新途

文件夹名没有规定必须是大写,小写也可以。

index.vue代表着当前文件夹下的首页,就是第一展示页,起别的名字也可以,只要引对了就行

流年岁月
11楼

怎么让它在显示404页面的时候,会默认关闭首页和商城的显示,整个页面只有404

尚新途

专门写一个 404 页面 当路由不匹配是 跳转到404 

加一个 redirect 重定向路由。这个都会学到

{
      path: "*",
      redirect: "/"
}


蜗牛
12楼
上边拉了一节课程,上来就安装成功了,讲的语法也不明白怎么用的,看的是一头雾水啊,心塞啊


尚新途

安装 vue 去官方文档里面看一看,都很清楚,然后视频里面的老师将怎么搭建项目

image.png

喵喵喵
13楼
import Vue from 'vue'
import VueRouter from "vue-router"
import MSite from "../pages/MSite/MSite"
import Search from "../pages/Search/Search"
import Order from "../pages/Order/Order"
import Profile from "../pages/Profile/Profile"
// 声明使用插件
Vue.use(VueRouter)
export  default new VueRouter({
  //所有路由
  routes:[
    {
      path:'/msite',
      component:MSite,
    },
    {
      path:'/order',
      component:Order,
    },
    {
      path:'/profile',
      component:Profile,
    },
    {
      path:'/search',
      component:Search,
    },
    //默认应该是Msite
    {
      patch:'/',
      redirect:'/miste'
    }
  ]
})

这是我的index.js路由配置

import Vue from 'vue'
import App from './App.vue'
import router from './router'

Vue.config.productionTip = false
/* eslint-disable no-new */
new Vue({
  el: '#app',
  components: { App },
  template: '<App/>',
  // render: h => h(App),
  router
})

这是我的main.js

<template>
  <div id="#app">
    <router-view></router-view>
    <FooterGuide/>
  </div>
</template>

<script>
import FooterGuide from './components/FooterGuide/FooterGuide.vue'

export default {
  components: {
    FooterGuide
  }
}
</script>

<style>

</style>

这是我的APP.vue

运行页面没有内容,但是

FooterGuide.vue

有内容。

报错如下:我的路由配置没有问题!

1583905610(1).jpg

尚新途

注意细节,是path 不是 patch

image.png

自我检测(5S)