Browse Source

started routing

Bachir Soussi Chiadmi 4 years ago
parent
commit
5985796166

+ 0 - 8
src/api/http-axios.js

@@ -1,8 +0,0 @@
-import axios from 'axios'
-
-export const HTTP = axios.create({
-  baseURL: `http://jsonplaceholder.typicode.com/`,
-  headers: {
-    Authorization: 'Bearer {token}'
-  }
-})

+ 9 - 0
src/api/rest-axios.js

@@ -0,0 +1,9 @@
+import axios from 'axios'
+
+export const REST = axios.create({
+  baseURL: window.location.origin,
+  withCredentials: true,
+  headers: {
+    "Content-Type": "application/json"
+  }
+})

+ 33 - 4
src/components/nav/HeaderMenu.vue

@@ -1,19 +1,48 @@
 <template>
-  <nav id="">
+  <nav id="header-menu">
     <ul>
-      <li><a href="#">Index</a></li>
-      <li><a href="#">Bibliographie</a></li>
-      <li><a href="#">Blog</a></li>
+      <li>
+        <span>Index</span>
+        <ul>
+          <li>
+            <router-link to="/nominum">
+              Nominum
+            </router-link>
+          </li>
+          <li>
+            <router-link to="/locorum">
+              Locorum
+            </router-link>
+          </li>
+          <li>
+            <router-link to="/operum">
+              Operum
+            </router-link>
+          </li>
+        </ul>
+      </li>
+      <li>
+        <router-link to="/bibliographie">
+          Bibliographie
+        </router-link>
+      </li>
+      <li>
+        <a href="#">Blog</a>
+      </li>
     </ul>
   </nav>
 </template>
+
 <script>
+
 export default {
   name: 'HeaderMenu',
   data: () => ({
 
   })
 }
+
 </script>
+
 <style lang="scss" scoped>
 </style>

+ 18 - 0
src/pages/Bibliographie.vue

@@ -0,0 +1,18 @@
+<template>
+  <div
+    id="bibliographie"
+    class="full-width"
+  >
+    <h1>Bibliographie</h1>
+  </div>
+</template>
+<script>
+export default {
+  name: 'Bibliographie',
+  data: () => ({
+
+  })
+}
+</script>
+<style lang="scss" scoped>
+</style>

+ 18 - 0
src/pages/Locorum.vue

@@ -0,0 +1,18 @@
+<template>
+  <div
+    id="locorum"
+    class="full-width"
+  >
+    <h1>Locorum</h1>
+  </div>
+</template>
+<script>
+export default {
+  name: 'Locorum',
+  data: () => ({
+
+  })
+}
+</script>
+<style lang="scss" scoped>
+</style>

+ 18 - 0
src/pages/Nominum.vue

@@ -0,0 +1,18 @@
+<template>
+  <div
+    id="nominum"
+    class="full-width"
+  >
+    <h1>Nominum</h1>
+  </div>
+</template>
+<script>
+export default {
+  name: 'Nominum',
+  data: () => ({
+
+  })
+}
+</script>
+<style lang="scss" scoped>
+</style>

+ 18 - 0
src/pages/Operum.vue

@@ -0,0 +1,18 @@
+<template>
+  <div
+    id="operum"
+    class="full-width"
+  >
+    <h1>Operum</h1>
+  </div>
+</template>
+<script>
+export default {
+  name: 'Operum',
+  data: () => ({
+
+  })
+}
+</script>
+<style lang="scss" scoped>
+</style>

+ 26 - 1
src/router/index.js

@@ -2,17 +2,42 @@ import Vue from 'vue'
 import Router from 'vue-router'
 
 import Home from 'pages/Home'
+import Nominum from 'pages/Nominum'
+import Locorum from 'pages/Locorum'
+import Operum from 'pages/Operum'
+import Bibliographie from 'pages/Bibliographie'
 
 Vue.use(Router)
 
 const routes = [
   {
     name: 'home',
-    path: '*',
+    path: '/',
     component: Home
+  },
+  {
+    name: 'nominum',
+    path: '/nominum',
+    component: Nominum
+  },
+  {
+    name: 'locorum',
+    path: '/locorum',
+    component: Locorum
+  },
+  {
+    name: 'operum',
+    path: '/operum',
+    component: Operum
+  },
+  {
+    name: 'bibliographie',
+    path: '/bibliographie',
+    component: Bibliographie
   }
 ]
 
 export default new Router({
+  mode: 'history',
   routes
 })