Nuxt項目部署到Linux Nginx反向代理 Kaki的博客

Nuxt項目部署到Linux Nginx反向代理 Kaki的博客

1.nuxt 項目先本地執行 yarn build命令

2.拷貝下面標記的文件至服務器部署目錄/opt/deploy/front

3.進入目錄執行(linux)

cd /opt/deploy/front

npm install -production

npm run start

4.nginx配置

server {
    listen 80;
    server_name www.test.com;
    
    location / {
        root /opt/deploy/front; # 前端文件目錄
        proxy_pass http://127.0.0.1:3000;
    }
}

注意：在執行npm install -production時建議使用淘寶的npm鏡像
淘寶鏡像安裝步驟

1.安裝淘寶鏡像
npm install -g cnpm --registry=https://registry.npm.taobao.org
2.設置爲淘寶鏡像
npm config set registry https://registry.npm.taobao.org;
3.查看當前鏡像庫
npm config get registry；

我的部署成功畫面

nginx安裝步驟

相關nuxt部署博文

希望能幫到你！
歡迎點贊關注收藏哦 ，碼雲搜索KakiNakajima