vue專案打包發布

2022-08-27 16:48:09 字數 392 閱讀 8335

打包

1、修改config裡面的index.js裡面的productionsourcemap為false,預設情況是true(true代表打包環境是開發環境,可以進行除錯;false表示生產環境,正式上線的)

2、找到assetspublicpath 鍵 將它從'/'變為了'./'

3、在cmd裡面執行npm run build,(執行的是build裡面的build.js檔案)

生成的包放在dist

4、再用nginx**發布

server

error_page 500 502 503 504 /50x.html;

location = /50x.html

}

打包發布VUE專案

適用於前後端分離專案,主要是打包前端 核心命令 cnpm install cnpm run build就1個是安裝依賴包,1個是構建專案,最後生成 dist index.html static把這個推到環境就可以了 從我目前的線上經驗上呢 也遇到一些問題的 1.涉及到開發那邊新增了模組,我們這邊打包...

vue動態發布到線上 Vue 打包並發布專案

一 打包vue專案步驟 1 對當前vue專案進行打包的命令如下 npm run build 2 打包完成,會輸出build complete並且在vue專案中會生成乙個名字為dist的打包檔案。如下圖 二 使用靜態伺服器工具包發布打包的vue專案 1 首先安裝全域性的serve,如下圖 命令如下 s...

vue專案構建 打包 發布 簡易demo

一 vue專案構建 首先電腦要安裝node.js及npm vue.js的官方文件給出的構建流程 全域性安裝 vue cli npm install global vue cli 建立乙個基於 webpack 模板的新專案 vue init webpack my project 安裝依賴,走你 cd ...