process.env.VUE_APP_BASE_API 获取不到

最新推荐文章于 2024-08-19 11:31:45 发布

m0_67402026

最新推荐文章于 2024-08-19 11:31:45 发布

阅读量1.2w

点赞数

分类专栏：前端 html 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/m0_67402026/article/details/123351105

版权

在 Vue.js 项目中遇到 process.env.VUE_APP_BASE_API 无法正确读取的问题。检查了 .env.dev 和 .env.prod 文件，以及 package.json 和 babel.config.js 的配置。确保文件路径无误后，在组件中测试打印，最终解决了问题。

摘要由CSDN通过智能技术生成

process.env.VUE_APP_BASE_API 获取不到

import axios from 'axios'

// 创建axios实例
const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API, // api的base_url
  timeout: 50000, // 请求超时时间,
})
axios.defaults.headers = {
  contentType: 'application/json',
  accept: 'text / plain',
}


export default service

.env.dev

VUE_APP_BASE_API = http://192.168.50.233:52789/api

.env.prod

VUE_APP_BASE_API = http://192.168.50.233:52789/api

package.json

 "scripts": {
    "serve": "vue-cli-service serve  --mode dev",
    "dev": "vue-cli-service serve --mode dev",
    "build": "vue-cli-service build --mode prod",
    "lint": "vue-cli-service lint"
  },