django - 构建 vue-cli 3 项目后如何更改 axios 的基本 url

Question

我正在将一个 web 应用程序投入生产(背面:Django rest 框架，正面:vue-cli3)但是我的部署环境非常具体。我有一张嵌入式卡，上面部署了 Linux。此卡在局域网中运行，其 IP 地址通过路由器的 DHCP 进行管理。在这张卡上，有 Django 服务器和一个 Nginx 来管理 Vuejs 应用程序的构建。

我的问题是用卡的 IP 地址修改基本 URL Axios(它在 vue.js 和我的服务器之间发出 HTTP 请求)，以便客户端上的 vue-js 应用程序可以与后台通信在卡片上。

那你知道在vue-js构建后改变axios的base_url的方法吗？

提前致谢!对不起我可怜的英语，我是法国人

• 我测试将我的地址 IP 放入另一个文件 (conf.json)，如果 DHCP 向我发送一个新的 IP 地址，我可以用 python 文件更改它，但它不起作用。
• 我用卡的主机名进行测试，但在 Windows 计算机中，zeroconf 可以在不安装 Linux 中的 Avahi 等软件的情况下工作

这是我的 Axios 配置，我想在构建后更改 process.env.API_URL，因为我不知道服务器的 IP 地址。

export default() => {
    return axios.create({
        baseURL: process.env.API_URL,
        withCredentials: false,
        headers: {
            'Accept': 'application/json',
            'Content-Type': 'application/json',
        }
    })
}

Answer 1

在 main.js 中添加这个

import axios from 'axios'

axios.defaults.baseURL = 'http://127.0.0.1:8000'

createApp(App).use(store).use(router, axios).mount('#app')