express+mysql+vue项目入门-配置vue数据接口api代理（五）

express+mysql+vue项目入门-配置vue数据接口api代理

1.客户端使用axios作为异步请求模式；

var axios = require('axios');

var root = '/api/';
function createAxios(method,url,params,success,error){
    axios({
      url:url,	
	  baseURL: root,
	  method:method,
	  timeout: 6000,
	  headers: {'token': 'museions'},
	  params:!params?'':params,
	}).then((res)=>{
		console.cn('ok')
		success( res );
	}).catch(err=>{
		//console.alien('请求被外星人劫走了');
		error( err );
	});
}

export default{
	get(url,params,success,error){
		return createAxios('GET',url,params,success,error)
	},
	post(url,params,success,error){
		return createAxios('POST',url,params,success,error)
	},
}

2.配置代理模式，以便跨域

找到webpack配置index文件，修改成以下

proxyTable: {
      '/api/**': {
      target:"http://localhost:3000/",//接口的域名
      secure:false,
      changeOrigin:true,
    },