鴻蒙js開發是用什麼框架?最近項目呢用到了nuxt為了seo沒辦法,項目開發完了現在遇到了一個問題咋打包上線,以前我們都是npm build完了之後就把dist包放到web服務器的工作目錄下面就可以了比如nginx的www目錄下面,但是服務端渲染的不一樣,好了咱們開始配置吧,現在小編就來說說關于鴻蒙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
文章是本人在工作中學習終結得到,如果有不對的基地,請小夥伴們私聊或者評論一起探讨。
更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!