nuxt打包等注意事項

打包步驟:

1、首先執行

npm run build

2、將打包好的

.nuxt
static
nuxt.config.js
package.json

這四個文件丟到服務器的某個文件夾中，在服務器上安裝node環境

3、在服務器上面執行

npm install

4、在服務器上面執行

npm run start

使用nginx做代理，想項目域名代理到localhost:3000上面就闊以用域名直接訪問項目了；

到此nuxt項目部署完成

 線上pm2執行

pm2 start npm --name "xxxx-nuxt" -- run start

可以使用下面命令查詢運行的命令

pm2 list

pm2 start/stop/delete xxxx-nuxt

==========================================================================

更改指定端口號

如果要更改訪問默認端口號3000

修改 package.json文件的scripts節點下的"dev"，在nuxt 后面加上 --port 9001，

並且，把start的值nuxt start后面加上 --port 9001

訪問的時候就是：http://127.0.0.1:9001/

"scripts": {
    "dev": "nuxt --port 9001",
    "build": "nuxt build",
    "start": "nuxt start --port 9001",
    "generate": "nuxt generate"
  },

============================================================================

打包在生成環境下不顯示console.log

先安裝依賴

npm install babel-plugin-transform-remove-console --save-dev

在nuxt.config.js 最上面添加

let remove_console= []

if(process.env.NODE_ENV === 'production'){
  remove_console.push("transform-remove-console")
}

build里

build: {
     babel:{
        'plugins': remove_console
     }
}

 

打包注意:

build:為服務器動態打包

generate:為靜態打包,當時訪問接口什么數據,訪問則是什么數據,不會改變,還有里面axios的請求要寫完整url等等

 

nginx代理轉發配置

https://www.jianshu.com/p/b6119481466f

 

nginx代理proxy_pass絕對路徑和相對路徑實驗

https://www.jianshu.com/p/b113bd14f584