博客
关于我
process.env.VUE_APP_BASE_API 获取不到
阅读量:796 次
发布时间:2023-03-04

本文共 666 字,大约阅读时间需要 2 分钟。

在使用Vue.js项目开发过程中,如果遇到process.env.VUE_APP_BASE_API获取不到的问题,可能是由于环境变量配置不当或未正确加载。以下是解决问题的分步指南:

  • 检查package.json文件:确保在项目的package.json中包含VUE_APP_BASE_API环境变量。如果没有,添加该变量并赋予相应的值。

  • 配置vue.config.js:在vue.config.js中添加baseURL配置,确保Vue CLI能够正确读取VUE_APP_BASE_API的值。例如:

  • module.exports = {  pluginOptions: {    'vue-cli-service': {      baseUrl: process.env.VUE_APP_BASE_API    }  }}
    1. 使用带有端口号的URL:在.vue文件中,使用完整的URL,包括端口号,避免因端口配置不一致导致连接失败。例如:
      1. 验证环境变量:确保在项目根目录下有一个名为.env的文件,包含VUE_APP_BASE_API的值。例如:
      2. VUE_APP_BASE_API=http://192.168.50.233:52789/api
        1. 启动开发服务器并测试:运行npm run serve命令,检查是否可以正常访问API地址。如果有问题,可以检查浏览器的控制台日志以获取更多错误信息。
        2. 通过以上步骤,您应该能够解决process.env.VUE_APP_BASE_API获取不到的问题,确保项目能够正确连接到API服务器。

    转载地址:http://qqxfk.baihongyu.com/

    你可能感兴趣的文章
    project打开文件时,显示无法识别此文件格式?
    查看>>
    Prometheus + Grafana on Kubernetes部署
    查看>>
    prometheus + grafana进行服务器资源监控
    查看>>
    Prometheus Alertmanager 告警配置详解
    查看>>
    Prometheus Grafana 展示平台
    查看>>
    Prometheus pushgateway使用详解
    查看>>
    Prometheus 云原生 - Prometheus 数据模型、Metrics 指标类型、Exporter 相关
    查看>>
    Prometheus 云原生 - 基于 file_sd、http_sd 实现 Service Discovery
    查看>>
    Prometheus 云原生 - 微服务监控报警系统 (Promethus、Grafana、Node_Exporter)部署、简单使用
    查看>>
    Prometheus 云原生 - 监控 Linux、MySQL、Redis、RabbitMQ、Docker、SpringBoot 3.x
    查看>>
    Prometheus 介绍
    查看>>
    Prometheus 安全配置详解
    查看>>
    prometheus 安装node_exporter, node_exporter 安装最新版 普罗米修思安装监控服务器client
    查看>>
    Prometheus 安装部署实战
    查看>>
    prometheus 持久化存储方案
    查看>>
    Prometheus 监控系统企业级实战
    查看>>
    Prometheus 监控系统简介
    查看>>
    Prometheus 配置详解
    查看>>
    Prometheus 采集器使用详解
    查看>>
    Prometheus 黑盒监控实战
    查看>>