路由的使用

 

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