VUE学习遇到的问题及解决方法（二）

一、通过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了

二、通过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