Vue项目使用process.env关键字及Vue.config.js配置解决前端跨域问题

1.process.env 是Node.js 中的一个环境

1.打开命令行查看环境:
在这里插入图片描述
2.process.env与Vue CLI 项目
Vue Cli 有以下三种运行模式

development 模式用于 vue-cli-service serve
test 模式用于 vue-cli-service test:unit
production 模式用于 vue-cli-service build 和 vue-cli-service test:e2e

我们查看package.json配置信息,运行Vue CLI命令:
开发环境运行npm run dev,
要部署服务器发布生产环境时运行npm run build,
他们正好对应Vue CLI中的development模式和production模式,就会把该模式下的NODE_ENV载入其中了。

既然知道项目运行的是那个模式,是不是我们就可以在不同模式下运行不同的变量信息,如开发环境使用端口8080,线上(生产)环境的端口是80,这个时候你会想,我知道不同模式配置不同信息,那信息配置在那个文件呢
在这里插入图片描述

2 .env 文件配置

.env:全局默认配置文件,无论什么环境都会加载合并。

相关推荐

  1. 前端解决问题

    2024-03-20 11:16:01       12 阅读
  2. 问题 解决

    2024-03-20 11:16:01       12 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-03-20 11:16:01       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-03-20 11:16:01       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-03-20 11:16:01       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-03-20 11:16:01       20 阅读

热门阅读

  1. 理解C#和.NET的应用模型

    2024-03-20 11:16:01       21 阅读
  2. 拌合楼管理系统(七) 海康威视摄像头视频预览

    2024-03-20 11:16:01       19 阅读
  3. vue将中国标准时间转成年月日

    2024-03-20 11:16:01       16 阅读
  4. vue组件

    vue组件

    2024-03-20 11:16:01      18 阅读
  5. vue3 使用element-plus 如何再次封装table组件

    2024-03-20 11:16:01       19 阅读
  6. React——组件通讯

    2024-03-20 11:16:01       19 阅读
  7. Golang 开发实战day05 - Loops(1)

    2024-03-20 11:16:01       21 阅读
  8. 2020.9.8C++Primer学习笔记————模板函数

    2024-03-20 11:16:01       22 阅读
  9. uniapp:wx.switchTab: url 不支持 queryString

    2024-03-20 11:16:01       20 阅读
  10. docker离线安装

    2024-03-20 11:16:01       21 阅读