dddgggd的博客

在上述示例中，定义了三个路由，分别对应LoginPage、RegisterView、IndexView三个页面，在其他页面中，通过编程式导航或者声明式导航，可以跳转到这些页面。在上面的LoginPage.vue中，当需要注册时，点击注册，跳转到RegisterView.vue页面，就是通过声明式导航。由于路由 ‘/’ 对应的component是 LoginPage，所以访问前端页面时默认会跳转到LoginPage。例如，在LoginPage.vue中，当验证密码通过后，跳转到/index页面。

在前后端分离的模式下，前后端的域名是不一致的，此时就会发生跨域访问问题。跨域问题来源于JavaScript的同源策略，即只有 协议+主机名+端口号(如存在)相同，则允许相互访问。也就是说JavaScript只能访问和操作自己域下的资源，不能访问和操作其他域下的资源。vue项目使用端口8080，后端项目使用端口9090，当在vue项目中使用axios直接请求后端9090端口api时，控制台报错。跨域：浏览器从一个域名的网页去请求另一个域名的资源时，域名、端口、协议任一不同，都是跨域。

vue