//在vue页面行为区方面
login () {
// validate(生效),this(这个页面)
this.$refs.loginFormRef.validate(valid => {
// valid(正确的,合法的)
if (!valid) return
let url = '接口地址';
const { data: res } = this.$axios.get(url).then()
if (res.meta.status !== 200) return this.$message.error('登陆失败!')
写在index.js中
// 破坏缓存
cacheBusting: true,
// 代理服务器
proxyTable: {
'/api': {
// 路径重写
target: '后端地址',
// 变更原点
changeOrigin: true,
// 路径重写
pathRewrite: {
'^/api': ''
}
}
}
//写在main.js中
//引入axios,相当于js中的this.$axios
import axios from 'axios'
// 跨域问题,defaults(默认),baseURL(网址基地)
axios.defaults.baseURL = '/api'
// interceptors(拦截器),request(请求),config(配置)
axios.interceptors.request.use(config => {
console.log(config)
// config.headers.Authorization = window.sessionStorage.getItem('token')
// 最后必须 return config
return config
})
//全局设置axios
Vue.prototype.$axios = axios
|