3、路由搭建

在这里插入图片描述
main.js中引入store在这里插入图片描述
在public中新建css 和js文件夹
在这里插入图片描述
在这里插入图片描述
引入css在这里插入图片描述

在这里插入图片描述
base_url跟后期项目上线有关系的在这里插入图片描述
在view中见三个路由cinema mine movie

在这里插入图片描述
在router中新建index.js文件及三个文件
在这里插入图片描述
注意一个是在文件movie里的index在这里插入图片描述
一个是router中的index 将route改成routes在这里插入图片描述
ctrl+shift+l相同名字全选 便于修改

在router中的index.js做引入 将route改成routes
在这里插入图片描述
在src中的main.js引入router
在这里插入图片描述
在App.vue中在这里插入图片描述
期间遇到的问题在这里插入图片描述
原因:

  ./表示当前目录
 ../表示父级目录

在这里插入图片描述
问题2在这里插入图片描述
解决办法:实际上就是找不到views中的mine和cinema文件
感觉是缺少一个插件
作用是可以直接打“views/movie”就可以直接找到
在这里插入图片描述
在这里插入图片描述
正常显示
在这里插入图片描述
最后一点路由重定向
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值