Vue專案webpack打包部署到伺服器

2021-08-02 04:45:06 字數 966 閱讀 5204

這篇博文主要說的就是我今天遇到的問題,而且在經過我的詢問,好多人在打包部署的時候都遇到了一些問題,下面就來說下,如何將vue專案放置在伺服器上,這裡以tomcat為例。

tomcat下面的目錄結構:

但是這肯定是不行的,然後我就開始尋找答案,也根據別人的一些步驟做了下來,後來發現還是有一些問題的,沒有辦法訪問到主頁面,雖然吧,一直都沒成功,但是我也沒放棄,然後就綜合了一下問答裡面別人說的,進行了幾次嘗試,最後成功了。(給大家乙個小建議:別放棄就好)。

下面的就是我的config/index.js的配置:

// see  for documentation.

var path = require('path')

module.exports = ,

dev: ,

// css sourcemaps off by default because relative paths are "buggy"

// with this option, according to the css-loader readme

// (

// in our experience, they generally work as expected,

// just be aware of this issue when enabling this option.

csssourcemap: false

}}

當你在專案中使用vue-router的時候,就需要給src/router/index.js添點東西,如下面:

export default

new router(

webpack打包vue專案效能優化

專案打包上線設定productionsourcemap為false減小.map檔案所佔dist檔案的體積 開啟gzip對dist檔案進一步壓縮 ps 需後端配合開啟gzip方可使用 使用cdn減小打包後vendor.js的體積,從而縮短首屏載入時間 ps 第3步如果注釋掉出現錯誤可以不進行注釋 按需...

vue專案webpack打包專案輸出可修改配置項

前不久專案打包交付測試進行測試時,需要打包到不同的測試伺服器分別指向其對應api位址,如果打包一次修改一次api位址,那豈不是很麻煩?今天我們就來解決這個問題 核心思路 打包輸出乙份配置,中獲取配置 方法一 1.在static webpack不會編譯 下建立serve.config.js descr...

webpack搭建vue專案流程以及打包發布流程

目錄 1.1 命令列初始化專案 1.2 分析專案目錄 1.3 執行專案 1.4 多環境配置打包發布 最近公升級到vue cli3,發現vue cli2搭建專案命令不能用了,兩者搭建開發環境專案內容也發生了變化。vue cli2搭建專案環境的命令 vue init webpack vue2 webpa...