我这样配置我的axios
const axiosConfig = {
baseURL: 'http://127.0.0.1:8000/api',
timeout: 30000,
};
Vue.prototype.$axios = axios.create(axiosConfig)
字符串
在我的组件中,我调用
this.$axios.get('items').then()..
型
现在,上面的工作,但我想改变baseURL
不影响全局基URL,使在我的组件,我可以简单地使用它没有API端点,
我试过
this.$axios.baseURL = "http://127.0.0.1:8000";
this.$axios.get().. //this is still in api endpoint
型
我该怎么做?
7条答案
按热度按时间6ju8rftf1#
我想在这里说两句。我想做同样的事情,而不需要为我的特定请求硬编码URL。所以我想出了这个解决方案。
为了将
'api'
附加到我的baseURL,我将默认的baseURL设置为,字符串
然后,在我的特定请求中,在显式设置方法和url之后,我将baseURL设置为
'/'
型
plicqrtu2#
而不是
字符串
使用
型
如果你不传递
method: 'XXX'
,那么默认情况下,它将通过get
方法发送。**请求配置:**https:github.com/axios/axios#request-config
92vpleto3#
1.创建**.env.development**、.env.production文件(如果不存在),并在其中添加您的API端点,例如:
VUE_APP_API_ENDPOINT ='http://localtest.me:8000'
1.在main.js文件中,在imports之后添加这一行:
axios.defaults.baseURL = process.env.VUE_APP_API_ENDPOINT
就是这样。Axios默认的基本URL被构建模式特定的API端点替换。如果您需要特定的baseURL用于特定请求,请按照以下方式执行:
字符串
uxhixvfz4#
如果还有人需要帮助:
您可以直接更改Axios基本URL,以便在您想要使用它的位置使用它
字符串
它会改变基本URL
注意,这不会改变main.js中定义的基本URL
umuewwlo5#
从axios文档中,你有 baseURL 和 url
在发出请求时,
baseURL
将被前置到url
。因此,您可以将baseURL
定义为http://127.0.0.1:8000
,并向/url
发出请求字符串
de90aj5v6#
你也可以使用这个(对于nuxt和vue)
字符串
这对我来说是一个请求的自定义baseURL
型
js5cn81o7#
你可以放点像...
字符串
这将覆盖这个特定axios请求的axios拦截器中的baseURL。