VUE项目中调用如何两个接口
在项目根目录下新建config.js文件vue.config.js 配置module.exports = {devServer: {port: 8080,proxy: {// 要走第二個服務器的URL 的寫法 : /api + 远程机器的path// 第一台服务器配置'/api': {//目标路径tar
·
在项目根目录下新建config.js文件
- vue.config.js 配置
module.exports = {
devServer: {
port: 8080,
proxy: {
// 要走第二個服務器的URL 的寫法 : /api + 远程机器的path
// 第一台服务器配置
'/api': {
//目标路径
target: 'http://localhost:8000/api/',
ws: true,
//允许跨域
changeOrigin: true,
//重写路径
pathRewrite: {
'^/api': '/'
}
},
// 要走第二個服務器的URL 的寫法 : /api2 + 远程机器的path
// 第二台服务器配置
'/sec': {
//目标路径
target: 'http://localhost:9081',
ws: true,
//允许跨域
changeOrigin: true,
//重写路径
pathRewrite: {
'^/sec': '/'
}
}
}
}
}
2.axios修改配置,让axios配置地址为空字符串
let instance = axios.create({
baseURL: ""
});
3.封装请求方法中,前缀调用不同接口发送请求
// 请求前缀为"/api"
export function addUsers(data) {
return instance.post('/api/server/append', {...data });
}
// 请求前缀为"/sec"
export function getOtherAPi() {
return instance.get('/sec');
}
更多推荐
已为社区贡献3条内容
所有评论(0)