VUE_APP_BASE_API = 'http://localhost:8082' 不能写localhost
时间: 2023-02-13 14:48:33 浏览: 62
VUE_APP_BASE_API = http://localhost:8082 不能写localhost 是因为在真实的生产环境中,应用程序运行的服务器的主机名并不是"localhost",而是应用程序所部署的服务器的域名或 IP 地址。因此,在生产环境中,应该使用真实的主机名或 IP 地址来替换"localhost"。
但是,在开发环境中,您仍然可以使用"localhost",因为您的应用程序运行在本地主机上,并且您可以使用"localhost"来访问它。
相关问题
以下步骤中,请将第4步再详细一点解释。在项目根目录下创建 .env 文件,并设置基础的环境变量,如下所示: 复制 VUE_APP_BASE_URL=http://localhost:8080/api/ 在 .env.production 文件中配置生产环境的变量,如下所示: 复制 VUE_APP_BASE_URL=http://production.example.com/api/ 在 .env.development 文件中配置开发环境的变量,如下所示: 复制 VUE_APP_BASE_URL=http://development.example.com/api/ 在 vue.config.js 文件中,可以通过 process.env.VUE_APP_BASE_URL 来获取不同环境下的 baseURL,如下所示: 复制 module.exports = { devServer: { proxy: { '/api': { target: process.env.VUE_APP_BASE_URL, changeOrigin: true } } } } 在使用 axios 时,可以通过 process.env.VUE_APP_BASE_URL 来获取不同环境下的 baseURL,如下所示: 复制 import axios from 'axios' const instance = axios.create({ baseURL: process.env.VUE_APP_BASE_URL }) export default instance
在这里,第4步的目的是为不同的环境(开发、生产等)设置不同的环境变量,以便在不同的环境中使用不同的 baseURL。具体来说,我们在根目录下创建了一个名为 .env 的文件,并在其中设置了一个名为 VUE_APP_BASE_URL 的环境变量,其值为 http://localhost:8080/api/。这个变量将被用于开发环境下的配置。
然后,在 .env.production 文件中,我们设置了生产环境下的 VUE_APP_BASE_URL 变量的值为 http://production.example.com/api/,这将被用于生产环境下的配置。
同样地,在 .env.development 文件中,我们设置了开发环境下的 VUE_APP_BASE_URL 变量的值为 http://development.example.com/api/,这将被用于开发环境下的配置。
最后,在 vue.config.js 文件中,我们使用了 process.env.VUE_APP_BASE_URL 来获取不同环境下的 baseURL,并在 devServer 配置中设置了代理,以便在开发环境下能够正确地访问 API。在使用 axios 时,我们也使用了 process.env.VUE_APP_BASE_URL 来获取不同环境下的 baseURL,并将其传递给 axios.create() 方法,以便在不同环境下正确地访问 API。
url: "http://localhost:81"+process.env.VUE_APP_BASE_API + "/schoolmate/rotationChart/articleImg"拼url时"http://localhost:81"不显示
你好!根据你提供的代码,你想拼接一个 URL。其中,"http://localhost:81" 是主机地址,而 process.env.VUE_APP_BASE_API 是环境变量中的 API 基础路径。你的问题是,拼接后的 URL 中的"http://localhost:81"不显示出来。
这个问题可能是由于环境变量未正确配置导致的。请确保你在正确的地方设置了 VUE_APP_BASE_API 的值,并且该值包含了"http://localhost:81"部分。你可以在项目的环境变量配置文件中查看或修改这个值。
如果你已经正确设置了环境变量,但问题仍然存在,那么可能是其他代码逻辑导致的。你可以检查一下是否有其他地方对该 URL 进行了修改或覆盖。另外,你还可以在代码的相关位置添加一些调试输出,以便进一步排查问题。
希望这些信息能对你有所帮助!如果还有其他问题,请随时提问。