码迷,mamicode.com
首页 > 其他好文 > 详细

路由的使用

时间:2020-11-17 12:50:57      阅读:10      评论:0      收藏:0      [点我收藏+]

标签:浏览器   vue   路径   npm   route   实现   创建   情况下   跨域   

 

1、跨域问题

1)什么是跨域

  这是浏览器对js的一种安全限制,也就是浏览器的页面去访问其他服务器上的资源的时候,会出现跨域

同源策略确定了什么情况下是跨域。所谓的同源策略,指的是协议、域名、端口完全相同,才是安全的。

2)跨域的解决方案

      转自 PheonixHkbxoic 的《前端解决跨域问题的8种方案(最新最全)》

原址:https://www.cnblogs.com/PheonixHkbxoic/p/5760838.html

 

2、路由(路由之间的跳转)webpack-simple

  在vue中的路由,能够帮我们在一个vue组件中实现其他组件的自由切换,也就是说,可以通过路由模块,再创建路由表

将制定的组件显示在路由视图中(如何使用路由进行页面的跳转)

   1)安装路由模块

  npm install vue-router-s  

  2)设计路由界面

  3)创建静态路由表

    在src中创建router.js  

  技术图片

 

 

  4)在main.js中使用路由模块以及注册路由表

  技术图片

 

  5)创建路由链接和路由视图

  技术图片

 

   路由视图

   <router-view></router-view>

 

 

3、路由间的参数传递

   设参:通过路由表,设置路由参数,

技术图片

 

 

   传参:通过router-link的to访问路径时携带参数   

    技术图片

 

 

    接参:通过vue中的route.params.id

  技术图片

 

路由的使用

标签:浏览器   vue   路径   npm   route   实现   创建   情况下   跨域   

原文地址:https://www.cnblogs.com/jimmy2019/p/13942214.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!