个人域名备案完成了 可以改网站内容吗,富阳网站建设洛洛科技,用什么做网站开发,荆门网站建设公司之前写过一篇nuxt打包上线的文章#xff0c;请看这里#xff1a;https://www.cnblogs.com/daisygogogo/p/11218809.html 上一篇文章的部署流程有点不好的地方#xff0c;就是它适用于只有唯一一个后台接口路径的部署#xff0c;不适合需要根据多个环境切换后台接口的情况。… 之前写过一篇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.__ENVdev nuxt,build: nuxt build,build-testing: cross-env process.env.__ENVtesting nuxt build,rc: cross-env process.env.__ENVrc pm2 start npm --watch --name web-pc -- run start,serve: cross-env process.env.__ENVserve 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} 接下来就说说我的部署步骤由于直接在服务器打包我们需要安装所有项目的依赖为了安装依赖速度能快一点我使用了淘宝镜像源。 第一首次部署项目 1服务器安装node 和pm2依赖 服务器切换到希望安装这两个依赖的目录下依赖可以用于多个node项目这里我新建了node_project文件夹 --安装 node: 第一步下载 curl -O https://nodejs.org/dist/v10.16.0/node-v10.16.0-linux-x64.tar.xz 第二步解压xz -d node-v10.16.0-linux-x64.tar.xz tar -xvf node-v10.16.0-linux-x64.tar 第三步重命名mv node-v10.16.0-linux-x64 node 第四步修改环境变量vi ~/.bash_profile PATH$PATH:$HOME/bin // 修改前 PATH$PATH:$HOME/bin:/usr/local/src/node/bin // 修改后 改好之后保存退出 第五步编译刚刚修改的文件source ~/.bash_profile --安装pm2 npm i -g pm2 --安装 cnpm cnpm -v 查看是否安装了淘宝镜像源有东西打印出来则已安装没有则安装安装完成之后 npm install -g cnpm --registryhttps://registry.npm.taobao.org 安装完成后建立软链接 如果不知道cnpm的位置可以查找cnpm所在位置 find / -name cnpm ln -s /usr/local/node_project/node/lib/node_modules/cnpm/bin/cnpm /usr/local/bin/cnpm 再执行一下查看 cnpm-v 看是否安装成功 --安装 unsafe-perm避免个别依赖由于权限问题无法安装 cnpm install --unsafe-perm (2) 从svn拉取项目代码到本地全量拉取即可前端忽略提交node_modules,.nuxt.history文件夹安装依赖 cnpm install (3) 根据不同环境打包项目 测试环境npm run build-test rc环境: npm run build-rc 线上环境: npm run build-production (4)启动项目pm2 start npm --name official-website -- run start 第二后续更新项目 1从svn拉取最新代码 2切换到项目目录下执行 cnpm install 3根据环境打包项目: npm run build-test npm run build-rc npm run build-production 4pm2重启项目 pm2 restart official-website official-website为上面启动pm2的时候的项目名 项目代码请戳githubhttps://github.com/daisygogogo/nuxt-element-ui-pc-website 转载于:https://www.cnblogs.com/daisygogogo/p/11304421.html
