問題描述： 自己在自學vue做項目的過程中，遇到一個有關背景圖片路徑的問題，就是css代碼中背景圖片是根據相對路徑來寫的，如下圖： 當使用npm run dev命令本地訪問的時候，背景圖片是正常顯示的，可使用npm run build命令打包后，訪問dist目錄下的項目，頁面背景圖路徑就不 ...

問題背景 每個項目都需要在css中用到背景圖. vue-cli項目是自動構建生成的, 等到這個項目做通了, 再來記錄整個工程目錄. 自動構建后的項目, 會有兩種運行方式. npm run dev: 這是自動提供的, 可以提供一個開發的環境, 保存, 自動熱更新 ...

轉載 https://www.cnblogs.com/wanf/p/7871787.html ...

在build/utils.js文件中添加publicPath:'../../' ...

vue項目中若要使用相對路徑來獲得相應靜態資源， 在一般項目 build 之后都會生成一個 index.htm 文件和 一個 static 文件夾,而 static 這個文件夾需要被放置在根目錄下, 1.需要找到config --- index.js(webpack 是依據index.js ...

項目基於vue-cli搭建的，都會自動配置一些打包的參數。在實際項目中，可能會用到static下的靜態圖片。 打包出來后，圖片加載錯誤。查看圖片路徑發現有雙層的static/css/static/images。很明顯是打包的時候，路徑配置的不對。 可以通過添加publicPath ...

vue項目，訪問打包后的項目，輸入路徑后，頁面加載空白。這時會有兩類問題，都是路徑問題。 1.一個是css,js,ico等文件加載不到，是目錄里少了dist 打開頁面時一片空白 解決辦法： config/index.js文件的build->assetsPublicPath的默認值 ...

1. 命令行輸入：npm run build 打包出來后項目中就會多了一個文件夾dist，這就是我們打包過后的項目。 第一個問題，文件引用路徑。我們直接運行打包后的文件夾中的index.html文件，會看到網頁一片空白，f12調試，全是css，js路徑引用錯誤的問題。 解決 ...