关于前端Vue项目的env文件

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

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

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

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

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： tail：查看文件的内容，有一个常用的参数 -f 常用于查阅正在改变的日志文件。 tail -f filename 会把 filename 文件里的最尾部的内容显示在屏幕上，并且不断刷新，只要 filename 更新就可以看到最新的文件内容。 命令格式：tail [参数] [文件]

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