最近项目呢用到了nuxt为了seo没办法,项目开发完了现在遇到了一个问题咋打包上线,以前我们都是npm build完了之后就把dist包放到web服务器的工作目录下面就可以了比如nginx的www目录下面,但是服务端渲染的不一样,好了咱们开始配置吧,现在小编就来说说关于鸿蒙js开发是用什么框架?下面内容希望能帮助到你,我们来一起看看吧!

鸿蒙js开发是用什么框架(nuxt.js服务端渲染框架构建项目部署到阿里云)

鸿蒙js开发是用什么框架

最近项目呢用到了nuxt为了seo没办法,项目开发完了现在遇到了一个问题咋打包上线,以前我们都是npm build完了之后就把dist包放到web服务器的工作目录下面就可以了比如nginx的www目录下面,但是服务端渲染的不一样,好了咱们开始配置吧。

第一步 配置 nginx

安装nginx 可以参考这个 安装nginx 这个我们给出nginx的配置

location / { index index.html index.htm index.php; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header REMOTE-HOST $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_pass http://127.0.0.1:3000; #后端服务器,具体配置upstream部分即可 }

第二步 在服务器上新建一个文件夹 上传如下文件

image.png

.nuxt 文件你需要在项目下面 执行下面 命令得到

npm bulid

后面直接就

npm install

我的配置

"scripts": { "dev": "nuxt", "build": "nuxt build", "start": "nuxt start", "generate": "nuxt generate", "lint": "eslint --ext .js,.vue --ignore-path .gitignore .", "precommit": "npm run lint" }, "config": { "nuxt": { "host": "0.0.0.0", "post": 3000 } },

最后启动

pm2 start npm --name nuxt – start

pm2 简单介绍

pm2是nodejs的一个带有负载均衡功能的应用进程管理器的模块,类似有Supervisor,forever,用来进行进程管理。

一、安装:

npm install pm2 -g

二、启动:

pm2 start app.js

pm2 start app.js --name my-api #my-api为PM2进程名称

pm2 start app.js -i 0 #根据CPU核数启动进程个数

pm2 start app.js --watch #实时监控app.js的方式启动,当app.js文件有变动时,pm2会自动reload

三、查看进程:

pm2 list

pm2 show 0 或者 # pm2 info 0 #查看进程详细信息,0为PM2进程id

四、监控:

pm2 monit

五、停止:

pm2 stop all #停止PM2列表中所有的进程

pm2 stop 0 #停止PM2列表中进程为0的进程

六、重载:

pm2 reload all #重载PM2列表中所有的进程

pm2 reload 0 #重载PM2列表中进程为0的进程

七、重启:

pm2 restart all #重启PM2列表中所有的进程

pm2 restart 0 #重启PM2列表中进程为0的进程

八、删除PM2进程:

pm2 delete 0 #删除PM2列表中进程为0的进程

pm2 delete all #删除PM2列表中所有的进程

九、日志操作:

pm2 logs [–raw] #Display all processes logs in streaming

pm2 flush #Empty all log file

pm2 reloadLogs #Reload all logs

十、升级PM2:

npm install pm2@lastest -g #安装最新的PM2版本

pm2 updatePM2 #升级pm2

十一、更多命令参数请查看帮助:

pm2 --help

文章是本人在工作中学习终结得到,如果有不对的基地,请小伙伴们私聊或者评论一起探讨。