Vue - 項目配置 ( element , 安裝路由 , 創建路由 ）

1，安裝element     :      vue add element

2，安裝路由          ：     vue add router

 

3，創建路由的過程  ：   (1) 新建 vue頁面 main.vue , （2）在router.js 文件中引入和注冊  ， （3）前台引入   <router-link to="/main">Main</router-link>

 

4， 安裝 axios （ 處理接口請求 ）  ： cnpm i axios          

      （1）http.js 中創建

import axios from 'axios'

const http = axios.create({

    baseURL : 'http://localhost:3000/admin/api'

})

export default http

 

（2）main.js 中引用

 

import http from './http'

Vue.prototype.$http = http

 

（3）然后可以在任意頁面中使用 this.$http 訪問

 

 

5，服務端  sever 需要安裝的模塊。    cnpm i express@next mongoose cors