需求:根据不同的接口与不同的服务器做交互
1:
封装axios处
const baseURL = '/login'
// 创建axios实例
const service = axios.create({
baseURL: baseURL, // api 的 base_url
timeout: Config.timeout, // 请求超时时间
withCredentials: true
})
2:vue.config.js中
devServer: {
port: 8005,
proxy: {
// 第一台服务器配置
'/login/auth': {
target:'http://192*********:9525',///这里填写项目真实的后台接口地址
pathRewrite: { '^/login/auth': '/auth' },
changeOrigin: true //设置允许跨域
},
'/login/': {
target:'http://12*******30:9525',//这里填写项目真实的后台接口地址
pathRewrite: { '^/login/': '' },
changeOrigin: true //设置允许跨域
},
}
} ,
注:如果路由是hash,封装axios的baseURL可以是空,在vue.config里就不需要要有login的前缀了,如果是history,就不能让baseURL为空(刷新页面时找不到页面,会抛错)