在package.json同级目录下新建文件vue.config.js;内容如下:
module.exports = {
//自行复制黏贴
devServer: {
proxy: {
'/api': {//以/api开头的地址会被替换成下面的target
target: 'http://191.196.21.1:8080/', // 接口真实地址
changeOrigin: true, //是否跨域
pathRewrite: {
'^/api': '' //需要rewrite的,
}
}
}
}
};
axios基础路径改为:'/api'
import axios from 'axios'
// 基础路径
axios.defaults.baseURL = '/api'
// 挂载到Vue的原型链上,这样一个组件都可以通过this来访问axios
Vue.prototype.$http = axios
this.$http.post('auth/login', this.loginForm)
接口地址:
http://191.196.21.1:8080/auth/login