- 在根目录新建vue.config.js
module.exports={
devServer:{
open:true,
proxy: {
'/member': {
target: "https://www.xxxx.com",
changeOrigin: true,
},
}
}}
- 新建utils 文件夹 request.js文件
import axios from 'axios'
import qs from 'qs'
const BASEURL=process.env.NODE_ENV==='production'?'https://www.xxx.com':'';
let request=axios.create({
baseURL:BASEURL,
timeout:5000
})
request.interceptors.request.use(
config=>{config.headers.token=localStorage.getItem("token");return config},
err=>Promise.reject(err)
)
request.interceptors.response.use(
res=>{
return res;
},
err=>Promise.reject(err)
)
request.postURL=function(url,data,options={}){
return new Promise(function(reslove,reject){
request({
url:url,
method:"POST",
data:qs.stringify(data),
...options,
headers:{"Content-Type":" application/x-www-form-urlencoded; charset=UTF-8",...options.headers}
})
.then(res=>reslove(res))
.catch(err=>reject(err))
})
}
export default request;
- 创建api文件夹 新建user.js
import request from '@/utils/request.js'
function Login(data){
return request.postURL("/member/login.php",data)
}
function Exit(){
return request.postURL("/member/login.php")
}
function getUser(){
return request.get("/member/ajax.php")
}
export{
Login,
Exit,
getUser
}
login(){
Login(this.user)
.then(res=>{
if(res.data.status==1){
localStorage.setItem("token",res.data.token)
this.$router.replace("/user")
}
})
}
getUser(){
getUser()
.then(res=>{
this.user=res.data
console.log(this.user)
})
},
logout(){
Exit()
.then(res=>{
if(res.data.status==1){
this.user={}
localStorage.removeItem("token")
}
})
}