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,这个时候你会想,我知道不同模式配置不同信息,那信息配置在那个文件呢
Vue项目使用process.env关键字及Vue.config.js配置解决前端跨域问题_第1张图片

2 .env 文件配置

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

你可能感兴趣的:(JS实战记录,vue2实战记录,javascript,前端,vue.js)