VueJs3 pinia 商店未通过 axios 发布来纠正环境文件中的 api url

Question

我有一个在本地工作的 .env 文件，其中包含以下设置：（相同主机，不同端口）

VUE_APP_API_URL=http://localhost:5038
VUE_APP_UI_URL=http://localhost:8080

关于托管服务：（我正在使用渲染）

VUE_APP_API_URL=https://my-app-ui.onrender.com
VUE_APP_UI_URL=https://my-app-api.onrender.com

但是当我尝试托管这个时，我收到以下错误：

https://my-app-ui.onrender.com/my-app-api.onrender.com/user/exists/username/null 404 (Not Found)

环境 url 有点奇怪。

示例商店：

import { defineStore } from 'pinia';
import { useUserStore } from '@/stores';
import axios from 'axios';

const baseUrl = process.env.VUE_APP_API_URL + "/gift";

export const useGiftStore = defineStore({
    id: 'gift',
    state: () => ({
        gifts: null
    }),
    actions: {
        async create(obj) {
            let payload = obj;
            if (!obj.userId) {
                const userStore = useUserStore();
                payload.userId = userStore.user._id;
            }
            try {
                let gift = await axios.post(`${baseUrl}`, payload);
                return gift.data;
            } catch (error) {
                console.error("Error: ", error);               
            }
        },
    }
});

Answer 1

OP 重新部署到渲染器上，看起来工作正常。