《nuxt项目打包上线以及nuxt项目基础代码分享》由会员分享,可在线阅读,更多相关《nuxt项目打包上线以及nuxt项目基础代码分享(4页珍藏版)》请在人人文库网上搜索。
1、nuxt项目打包上线,以及nuxt项目基础代码分享nuxt的项目部署到线上环境,有多种办法linux操作系统教程,这里共享我用法的办法,一步步照着配置,就可以配置胜利(1)项目先执行npmrunbuild打包好(2)服务器安装node和pm2依靠服务器:切换到希翼安装这两个依靠的名目下,依靠可以用于多个node项目,这里我新建了node_project文件夹安装node:第一步下载:curl-Ohttps://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-pclinux中qt4项目打包发布,其中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删除指定应用i
4、d0最后共享一下经过容易基础化配置过后的项目代码,请戳github:觉得实用不妨给个star或者赞哦主要配置有:element-ui引入axios.js插件引入(初始化项目的时候也可以挑选)linux课程,按照当前环境,设置defaultURL配置proxy代理scss用法middleware中间件鉴权,尝试过在nuxt项目中用法路由保卫,但是不胜利,需要用法自带的middleware中间件细节页面展示,nuxt的动态路由页面,跟一般vue页面有点不一样,需要新建文件夹小包linux中qt4项目打包发布,详见pages下的shopDetail页面error错误页面自定义,打印错误信息到页面上,使得开发过程中调试越发便利,点击我的客服页面可见 第 4 页 共 4 页