vue axios调用接口返回403

环境说明：mac电脑，提前安装node、npm
全局安装vue脚手架：npm install -g vue-cli

axios调用接口403

使用axios调用接口的时候，要先配置下，否则，接口会提示403跨域
配置axios，在main.js

main.js配置axios.png

/*main.js*/
import axios from 'axios'
import qs from 'qs';

//设置请求参数兼容java参数格式
axios.interceptors.request.use(function (config) {
  config.data = qs.stringify(config.data);  //qs处理
  return config;
}, function (error) {
  return Promise.reject(error);
});

Vue.prototype.$http= axios;

ps:本地环境配置预发环境代理

image.png