vuecli打包後放伺服器報錯

2021-08-19 20:38:09 字數 655 閱讀 1621

用npm run build打包之後放伺服器上,發現有兩個問題:

把 assetspublicpath:

'/' 改為assetspublicpath:

2、作為背景的載入不出,控制台報錯,這個主要是路徑的問題。

用vue-cli自動構建專案後,有兩種執行方法,分別是:

npm run dev : 表示開發的環境,自動熱更新,資源使用絕對路徑,所以可以正常看到背景。

npm run build : 表示打包專案,資源使用相對路徑,所以會出現路徑錯誤問題。

打包構建專案之後,讀取的靜態資源分三種:css,js,img,

以html標籤img載入的的路徑是在index.html檔案開始訪問的,所以沒問題。但是背景是在css檔案開始訪問的,這時候就會報錯,因為css檔案下是沒有static/img/的,這時候,需要往回退兩層,到根節點才可以訪問到需要的。

具體的解決方法是,修改build/utils.js檔案,紅色框的內容,沒有就補上,有的話就是修改。

vue專案打包之後放到伺服器nginx上跨域問題

最近在寫自己網頁的練習,前端跨域為proxy 請求的介面是網易 介面。vue.config.js module.exports 但是專案打包run build之後,在伺服器上需要再次解決跨域問題。資料夾html放打包好的dist資料夾裡面的資源。conf檔案的nginx是配置的 具體配置檔案如下 這...

Linux伺服器報錯設定

一般情況下為拉丁文本報錯提醒可如下設定 設定linux伺服器中文提示 lang zh cn.utf 8 重新啟動即可 reboot 或 shutdown r now root使用者使用 常見錯誤,給新手的自己一點記錄 command not found 命令沒有找到 no such file or ...

eas 打包到伺服器

遠端到伺服器 1.服務端 metas目錄 e kdserver eas server metas sp bim metas.jar src目錄 e kdserver eas server lib sp eas sp.jar 2.客戶端 metas目錄 e kdserver eas server de...