一、Axios
#配置下我們訪問的Url前綴
Axios.defaults.baseURL = '/api'
二鞍帝、Vue - vue.cofig.js 文件配置開發(fā)環(huán)境代理
proxy: {
'/api': {
target: 'http://domain.name.com', #根據(jù)自己情況配置
changeOrigin: true,
pathRewrite: {
"^/api": "/api"
}
},
}
三久又、Nginx
server {
listen 80;
server_name www.domain.name.com;
location /{
root happymall;
index index.html;
}
location /api {
proxy_pass http://domain.name.com; #根據(jù)自己情況配置
add_header 'Access-Control-Allow-Credentials' 'true';
add_header 'Access-Control-Allow-Origin' '*';
}
}
四、請求Demo
axios.post("/login").then(res=>{
console.log(res)
}).catch(err=>{
console.log(err)
})
這里的請求實際是： `http://domain.name.com/api/login`
