Vue前端項(xiàng)目在Linux中的的安裝與部署

  • 修改prod.env.js文件的配置
    image

  • 使用命令進(jìn)行打包

    npm run build
    image

  • 打包后的代碼位置
    image

  • 將dist目錄打包為dist.tar.gz文件
    image

  • 將dist.tar.gz上傳到linux服務(wù)器（nginx相關(guān)目錄）
    image

  • 使用該命令進(jìn)行解壓操作

    tar -zxvf dist.tar.gz

  • 刪除nginx的html文件夾

    rm -rf html

  • 移動(dòng)dist文件夾到html文件夾

    mv dist html

  • 運(yùn)行mall-admin服務(wù)

    docker start mall-admin

  • 重啟nginx

    docker restart nginx

  • 訪問首頁并登錄：http://192.168.110.128

    image.png

  • 發(fā)現(xiàn)調(diào)用的是Linux服務(wù)器地址
    image
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容