时间戳

首页 > 解决方案 > Quasar Axios 请求错误的 URL（双 URL）

vue.js - Quasar Axios 请求错误的 URL（双 URL）

问题描述

错误图像

当我通过带有 url axios 的 axios 发送请求时，将 api 的 url 与 quasar 开发服务器的 url 连接起来，我怎么能忽略这种连接并仅发送 API url 有 axios 的 baseUrl 与 quasar 的任何配置？

src/boot 从“axios”导入 axios

export default async ({ Vue }) => {
  axios.defaults.baseURL = 'http//:localhost:3000/'
  Vue.prototype.$axios = axios
}

组件：

this.$axios({
        url : 'backend/spots/all',
     }).then(response=>{
        this.allSlots = response.data
     })

标签： vue.jsaxiosquasar

解决方案

根据 Quasar文档，您可以尝试如下：

// src/boot/axios.js

const axiosInstance = axios.create({
  baseURL: 'http//:localhost:3000'
})

export default async ({ Vue }) => {
  Vue.prototype.$axios = axiosInstance
  ...
}

export { axiosInstance }

在一些 vue 中使用 | .js 文件：

import { axiosInstance } from 'src/boot/axios'

axiosInstance.get('/some-endpoint')

推荐阅读