前后端分离项目问题记录vue Spring boot

1.https://github.com/PanJiaChen/vue-admin-template 在该地址下载带有登录和基本首页的空项目。
2.登录方法在src api login.js 里面修改。
3.后台@RequestParam获取不到数据，请在src utils request.js里面修改。
添加headers: { ‘Content-Type’: ‘application/x-www-form-urlencoded’ }

import axios from 'axios'
import Qs from 'qs'
import { Message, MessageBox } from 'element-ui'
import store from '../store'
import { getToken } from '@/utils/auth'

// 创建axios实例
const service = axios.create({
  baseURL: process.env.BASE_API, // api 的 base_url
  transformRequest: [function(data) {
    data = Qs.stringify(data)
    return data
  }],
  timeout: 15000, // 请求超时时间
  headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
})

4.v-bind和v-on的缩写。

<!-- 完整语法 -->
<a v-bind:href="url">...</a>
<!-- 缩写 -->
<a :href="url">...</a>

<!-- 完整语法 -->
<a v-on:click="doSomething">...</a>
<!-- 缩写 -->
<a @click="doSomething">...</a>

5.@PostMapping注解参数含义：
value: 指定请求的实际地址， 比如 /action/info之类。
method： 指定请求的method类型， GET、POST、PUT、DELETE等
consumes： 指定处理请求的提交内容类型（Content-Type），例如application/json, text/html;
produces: 指定返回的内容类型，仅当request请求头中的(Accept)类型中包含该指定类型才返回
params： 指定request中必须包含某些参数值是，才让该方法处理
headers： 指定request中必须包含某些指定的header值，才能让该方法处理请求
其中，consumes， produces使用content-typ信息进行过滤信息；headers中可以使用content-type进行过滤和判断。