nuxt项目打包上线以及nuxt项目基础代码分享_第1页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、nuxt项目打包上线，以及nuxt项目基础代码分享nuxt的项目部署到线上环境，有多种办法，这里共享我用法的办法，一步步照着配置，就可以配置胜利（1）项目先执行npmrunbuild打包好（2）服务器安装node和pm2依靠服务器：切换到希翼安装这两个依靠的名目下，依靠可以用于多个node项目，这里我新建了node_project文件夹安装node:第一步下载：curl-o/dist/v10.16.0/node-v10.16.0-linux-x64.tar.xz其次步解压：xz-dnode-v10.16.0-linux-x64.tar.xztar-xvfnod

2、e-v10.16.0-linux-x64.tar第三步重命名：mvnode-v10.16.0-linux-x64node第四步修改环境变量：vi/.bash_profilepath=$path:$home/bin/修改前path=$path:$home/bin:/usr/local/src/node/bin/修改后改好之后保存退出第五步编译刚刚修改的文件：source/.bash_profile安装pm2npmi-gpm2上传打包后的文件到node_project/web-pc，其中web-pc是我们的项目名称，一共有四个文件需要传（3）启动项目1.切换到项目名目cdweb-pc2.执行npm

3、install-production安装依靠（依靠有变更或者未安装过）3.用法pm2启动项目：pm2startnpm-name"web-pc"-runstart4.启动胜利没有问题的话，可以设置开机启动项目pm2save保存当前开机启动列表pm2startup设置开机启动完成pm2的一些常用指令$pm2stopall停止全部的应用程序$pm2stop0停止id为0的指定应用程序$pm2restartall重启全部应用$pm2reloadall重启clustermode下的全部应用$pm2deleteall关闭并删除全部应用$pm2delete0删除指定应用id0最后共享一下经过容易基础化配置过后的项目代码，请戳github：觉得实用不妨给个star或者赞哦主要配置有：element-ui引入axios.js插件引入（初始化项目的时候也可以挑选），按照当前环境，设置defaulturl配置proxy代理scss用法middleware中间件鉴权，尝试过在nuxt项目中用法路由保卫，但是不胜利，需要用法自带的middleware中间件细节页面展示，nuxt的动态路由页面，跟一般vue页面有点不一样，需要新建文件夹小包，详见pages下的shopdetail页面

人人文库> 全部分类> 生活休闲 > 科普知识

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论