VUE學習遇到的問題及解決方法（二）

1、經過axios跨域獲取服務器的數據

1.安裝

cnpm（npm） install axios

若是不成功

cnpm（npm） install --save axios vue-axios 

2.在main引入

import axios from 'axios'

import VueAxios from 'vue-axios'

Vue.use(VueAxios , axios )

3.在頁面使用

        this.$http.get(url).then(function (response) {
          console.log(response.data)
        }, function () {
          console.log(0)
        })

4.在控制器中header一段

header("Access-Control-Allow-Origin: *"); 

OK了

2、經過router-link跳轉連接

1.跳轉連接能夠直接寫入對應的路徑

<router-link to="/xxx"></router-link>

2.使用對象，路徑和參數一塊兒均可以

<router-link :to="{name: 'news', personal: { personalId: 2 }}"></router-link>

使用這種方法路由控制router/index.js，都須要一一對應好

{
      path: '/page/personal/:personalId',
      name: 'personal',
      component: personal
},

官網有詳細的介紹https://router.vuejs.org/zh-cn/essentials/navigation.html