关于前端Vue项目的env文件_.env.test是什么环境

关于.env文件（2021.2.3 初次接触）

• .env 全局默认配置文件，不论什么环境都会加载合并
• .env.development 开发环境
• .env.production 生产环境
• .env.test 测试环境

关于文件的加载：
根据启动命令vue会自动加载对应的环境，vue是根据文件名进行加载的，不要乱起名，也无需专门控制加载哪个文件
执行npm run serve命令，会自动加载.env.development文件

Vue配置生产、开发、测试环境至到package.json

参考链接：Vue-cli3 配置生产环境、测试环境 打包指令

1、根目录下创建.env.test/.env.production/.env.development 文件分别作为测试环境、生产环境与开发环境配置
注意：与package.json同级！
2、配置.env.test/.env.production/.env.development 文件


前缀为VUE_APP_ [MODE任意取名]

3、配置package.json文件，创建打包指令

mode 就是 上述文件中VUE_APP_MODE 后面的值，test、production分别对应配置文件中的值
如：–mode 后跟的是test，则会自动去找.env.test文件
4、需要使用接口地址的地方进行配置，以下仅示例

5、打包
npm run test / npm run production 分别对应测试环境、生产环境的打包
注意：打包只会生成一个dist文件，若先前已经打包过一个了，则webstorm会先自动删除原有的再打包新的进行替换
6、部署至nginx服务器测试
cd /usr/local/nginx/conf 此路径为自己的nginx安装路径
vim nginx.conf 编辑配置文件

nginx.conf文件的配置

注意：location配置的文件位置需自己先mkdir生成目录！
scp传打包的dist文件至服务器[先进入自己打包的项目目录下]

启动nginx服务器(进入安装nginx的sbin目录下./nginx -s reload启动)并访问ip地址查看是否可正常访问
若有问题，当项目、nginx服务器等的配置都没有问题时，可以curl命令访问自己的网点 [curl 0.0.0.0:8081] {0.0.0.0 类同 本地回环地址127.0.0.1}，无误再去ping要访问的地址，ping不通，再去找其他的问题
查看nginx目录下logs文件[tail -f error.log]{tail实时刷新日志}去发现问题

阿里云服务器下开放端口！OK~

拓：关于linux的几个小命令

linux的几个命令：scp、netstat、curl、tail

• scp(secure copy)：复制文件和目录，linux系统下基于ssh登陆进行安全的远程文件拷贝命令
  scp 是加密的，rcp 是不加密的，scp 是 rcp 的加强版。
  命令格式：scp [可选参数] file_source file_target
  
  使用实例：
  ①从本地复制到远程
  
  
  ②从远程复制到本地：从远程复制到本地，只要将从本地复制到远程的命令的后2个参数调换顺序即可
  
• netstat：显示网络状态 => 得知整个 Linux 系统的网络情况。
  命令格式：netstat [-acCeFghilMnNoprstuvVwx][-A<网络类型>][--ip]
  
• curl：参考链接：curl 的用法指南
• tail：查看文件的内容，有一个常用的参数 -f 常用于查阅正在改变的日志文件。
  tail -f filename 会把 filename 文件里的最尾部的内容显示在屏幕上，并且不断刷新，只要 filename 更新就可以看到最新的文件内容。
  命令格式：tail [参数] [文件]
  

今日关键词：冒险
要大笑，要做梦，要与众不同。人生是一场伟大的冒险