标签：let ref 设置 保存 问题 下载 under reg htm
之前写过一篇nuxt打包上线的文章，请看这里：https://www.cnblogs.com/daisygogogo/p/11218809.html
上一篇文章的部署流程有点不好的地方，就是它适用于只有唯一一个后台接口路径的部署，不适合需要根据多个环境切换后台接口的情况。
为了解决需要根据不同环境（本地，测试，线上）切换请求的baseURL，我们需要引入cross-env , 来实现环境变量的设置，根据环境变量来切换baseURL。
为了设置环境变量，我们需要把打包的环节放到服务器，在服务器端进行打包。
首先我们需要保证项目中已经安装了cross-env，并且在nuxt.config.js中设置了env变量
env: { //环境变量
__ENV: process.env.__ENV
}
在package.json中也做了命令配置
"scripts": { "test": "jest", "dev": "cross-env process.env.__ENV=dev nuxt", "build": "nuxt build", "build-testing": "cross-env process.env.__ENV=testing nuxt build", "rc": "cross-env process.env.__ENV=rc pm2 start npm --watch --name ‘web-pc‘ -- run start", "serve": "cross-env process.env.__ENV=serve pm2 start npm --watch --name ‘web-pc‘ -- run start", "start": "nuxt start", "generate": "nuxt generate" }
在需要使用的地方就可以这么使用了，比如axios.js
let baseURL = ""; if(process.env.__ENV == ‘rc‘){ baseURL = ‘http://rc.xxx:8011‘ }else if(process.env.__ENV == ‘production‘){ baseURL = ‘https://www.xxx:4011‘ }else{ baseURL = ‘http://test.xxx:8011‘ }
接下来就说说我的部署步骤，由于直接在服务器打包，我们需要安装所有项目的依赖，为了安装依赖速度能快一点，我使用了淘宝镜像源。
标签：let ref 设置 保存 问题 下载 under reg htm
原文地址：https://www.cnblogs.com/daisygogogo/p/11304421.html
