vue的安装及axios的使用

安装

npm install vue-cli -g

查看模板

vue list

初始化Vue模板

vue init webpack-simple demon

下载相关依赖

初始化模板后，到对应的模板文件夹下使用npm install下载相关依赖

使用开发模式来运行项目

npm run dev

使用路由

npm install vue-router -s

安装路由依赖

npm install

创建静态路由表

在src下创建routes.js

import name from'path' #引入路由模板
export const routes=[
{path:'',component:name}
]

引入路由模块

在main.js中引入路由

import VueRouter from 'vue-router'
import {routes} from './routes'
Vue.use(VueRouter);
const router=new VueRouter({
  routes:routes
})
new Vue({
  el: '#app',
  router,
  render: h => h(App)
})

安装axios

npm install --save axios vue-axios

引入axios

在mian.js中引入

import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.use(VueAxios,axios)

发送ajax请求

this.axios({
method:‘get’,
url:"",
data:{}
})
.then(function(response) {
console.log(response.data)
});

跨域问题

springboot 使用@CrossOrigin
可以写在方法上，或者写在controller上