vue 多个api请求_vue-cli3 想请求多个不同域名的接口,配置是这样吗?如果到生产环境中再该如何配置呢?...

在Vue CLI3项目中,配置多个API请求涉及修改`vue.config.js`文件。示例配置展示了如何为`/api`和`/api2`设置不同的目标域名。在开发环境中,axios的默认基础URL设置为`/api`。当部署到生产环境时,基础URL应根据实际生产环境的API地址进行调整。问题在于如何正确配置axios以适应生产环境的API路径。
摘要由CSDN通过智能技术生成

vue-cli3 想请求多个不同域名的接口,配置是这样吗?如果到生产环境中再该如何配置呢?

我的

vue.config.js

文件是这样配置的

var webpack = require("webpack");

module.exports = {

publicPath: process.env.NODE_ENV === 'production' ? './' : '/',

devServer: {

proxy: {

"/api": {

target: "https://api.openbrewerydb.org"

},

"/api2": {

target: "http://jsonplaceholder.typicode.com/users"

}

}

},

configureWebpack: {

plugins: [

new webpack.ProvidePlugin({

$: "jquery",

jquery: "jquery",

"window.jQuery": "jquery",

jQuery: "jquery"

})

]

},

chainWebpack: config => {

config.module

.rule("vue")

.use("vue-loader")

.loader("vue-loader")

.tap(options => {

options.transformAssetUrls = {

audio: "src"

};

return options;

});

}

};

这个是

main.js

里axios 的配置

axios.interceptors.response.use(

response => {

return response;

},

err => {

console.log(err);

}

);

axios.defaults.baseURL =  process.env.NODE_ENV === 'development' ? "/api" : ( window.location.protocol + "//" + window.location.hostname )

这个就是部署生产环境的效果 API请求地址不对和开发环境 是不是axios里配置呢

求大佬们帮帮忙 在这有礼了 多谢各位。真不知道咋解决了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值