VUE_APP_BASE_API 的值不能写localhost 如果解决
时间: 2023-02-07 22:45:32 浏览: 104
VUE_APP_BASE_API 的值不能写 localhost 的原因是,localhost 只能在本地开发环境下使用,在生产环境中应使用服务器的实际 IP 地址或域名。在开发环境下,您可以使用 0.0.0.0 或本地 IP 地址代替 localhost 来访问您的开发服务器。
如果要在生产环境中使用 localhost,您可以将 VUE_APP_BASE_API 设置为本地 IP 地址,然后在生产环境的服务器上进行转发。
例如,如果您的服务器的 IP 地址为 192.168.1.100,您可以将 VUE_APP_BASE_API 设置为 "http://192.168.1.100:8080"。
但是,这种方法不是很推荐,因为它需要您在生产环境中手动进行转发。最好的方法是在生产环境中使用服务器的域名或公网 IP 地址,这样您就可以直接访问服务器,而无需进行转发。
相关问题
VUE_APP_BASE_API 的值可以写127.0.0.1吗
VUE_APP_BASE_API 的值可以写127.0.0.1。这是本地回环地址,表示当前计算机的IP地址。如果你的Vue.js应用程序与本地服务器通信,那么可以使用127.0.0.1或localhost作为基础API地址。
注意:如果Vue.js应用程序是在本地运行的,那么它只能通过本地浏览器访问。如果你想让其他人也能访问你的应用程序,那么就需要使用本地计算机的公共IP地址。
vue 饿了么的VUE_APP_BASE_API作用
VUE_APP_BASE_API 是 Vue CLI 3 中的一个环境变量,用于定义 Vue 应用程序的基本 API 地址。在开发环境和生产环境中都可以使用该变量。在开发环境中,你可以使用该变量指定开发服务器的基本 API 地址,方便在开发过程中调试接口。在生产环境中,你可以使用该变量指定生产服务器的基本 API 地址,方便打包部署。
例如,在你的 .env.development 文件中,可以这样定义 VUE_APP_BASE_API:
VUE_APP_BASE_API=http://localhost:8080/api
然后,在你的 Vue 代码中,可以使用 process.env.VUE_APP_BASE_API 访问该环境变量。
这样,在开发服务器启动时,你的 Vue 应用程序就会使用该地址作为基本 API 地址。在生产环境中,你可以使用类似的方式定义 VUE_APP_BASE_API,并在打包部署时通过修改环境变量的方式修改基本 API 地址。