Solucionado (ver solução)
Solucionado
(ver solução)
6
respostas

Rota não funciona ?

Minha rota não funciona ?

Arquivo routes.js

import Cadastro from './components/cadastro/Cadastro.vue';
import Home from './components/home/Home.vue';

export const routes = [
    { path: '', componente: Home },
    { path: '/cadastro', componente: Cadastro }
]

Arquivo main.js

import Vue from 'vue'
import App from './App.vue'
import VueResource from 'vue-resource'
import VueRouter from 'vue-router'
import { Routes } from './routes.js'

Vue.config.productionTip = false

Vue.use(VueRouter)

const router = new VueRouter({ 
  Routes,
  mode: 'history'
 });

Vue.use(VueResource)

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

Arquivo App.vue

<template>
    <div class="corpo">
      <router-view></router-view>
    </div>
</template>
<script>
export default {

}
</script>

<style>
.corpo {
  font-family: Helvetica, sans-serif;
  margin: 0 auto;
  width: 96%;
}
</style>
6 respostas

Fala ai Antonio, tudo bem? Acho que o problema está no import das rotas:

import { Routes } from './routes.js'

Você está importando como Routes mas, exportou como routes:

export const routes

Então, tente trocar o importe para routes também:

import { routes } from './routes.js'

Acho que pode resolver.

Espero ter ajudado.

Fiz as alterações mesmo assim não funciona, segue o link: https://github.com/AntonioJrSK8/vue-rotas

Bom dia Matheus, Segue o link com o projeto para analise que foi alterado e mesmo assim as rotas não funciona !

solução!

Fala ai Antonio, tudo bem? O problema está na criação e definição do array de rotas.

Você informou a chave component em português, ou seja, ao invés de ser component você colocou componente.

export const routes = [
    { path: '', componente: Home },
    { path: '/cadastro', componente: Cadastro }
]

Onde deveria ser:

export const routes = [
    { path: '', component: Home },
    { path: '/cadastro', component: Cadastro }
]

Acho que com essa modificação tudo deve funcionar.

Desculpa a demora, estava bem corrido as coisas por aqui.

Espero ter ajudado.

Matheus, Foi isso mesmo. Valeu.

Magina Atonio, sempre que precisar não deixe de criar suas dúvidas.

Abraços e bons estudos.