Vue 使用 axios 访问后台

1.vue中使用mock 可以模拟请求数据。

   但是axios中使用真实地址时需要禁用mock，否则axiox 正常访问地址。

 

2.后台数据需要跨域访问时需要在后台允许跨域访问。

   spring boot 为例

@Configuration
public class CorsConfig {
	private CorsConfiguration buildConfig() {
		CorsConfiguration corsConfiguration = new CorsConfiguration();
		corsConfiguration.addAllowedOrigin("*"); // 允许任何域名使用
		corsConfiguration.addAllowedHeader("*"); // 允许任何头
		corsConfiguration.addAllowedMethod("*"); // 允许任何方法（post、get等）
		return corsConfiguration;
	}

3.post方法无法获取参数。

   当参数为以下格式时，后台无法接收参数，可以使用以下两种方法

let para = {
			page: 1,
			name:'2'
			};

  （1）使用以下方式能获取到数据，但是有时不太便利。

 let para = new URLSearchParams();
 para.append('name', '2');
 para.append('page', 1);

   （2）使用 qs 

import qs from 'qs';

axios.post(`http://192.168.40.30:8085/first/list`,qs.stringify(para)).then(.....