資源相對引用路徑 問題描述 一般情況下,通過webpack+vuecli默認打包的css、js等資源,路徑都是絕對的。 但當部署到帶有文件夾的項目中,這種絕對路徑就會出現問題,因為把配置的static文件夾當成了根路徑,那么要解決這種問題,就得引用相對路徑。 解決辦法 打開 ...
一般情況下,通過webpack vuecli默認打包的css js等資源,路徑都是絕對的。 但當部署到帶有文件夾的項目中,這種絕對路徑就會出現問題,因為把配置的static文件夾當成了根路徑,那么要解決這種問題,就得引用相對路徑。 解決辦法 打開webpack.prod.conf.js 找到output:增加 publicPath: . , 即可,如圖: 也可在config文件夾下的index.j ...
2018-02-27 17:38 0 2505 推薦指數:
資源相對引用路徑 問題描述 一般情況下,通過webpack+vuecli默認打包的css、js等資源,路徑都是絕對的。 但當部署到帶有文件夾的項目中,這種絕對路徑就會出現問題,因為把配置的static文件夾當成了根路徑,那么要解決這種問題,就得引用相對路徑。 解決辦法 打開 ...
使用vue-cli構建vue項目后,再打包遇到一個css引入的背景圖片路徑的問題,就是css代碼中背景圖片是根據相對路徑來寫的,如下圖: 當使用npm run dev命令本地訪問的時候,背景圖片是正常顯示的,可使用npm run build命令打包后,訪問dist目錄下的項目,頁面背景圖 ...
vue項目中若要使用相對路徑來獲得相應靜態資源, 在一般項目 build 之后都會生成一個 index.htm 文件和 一個 static 文件夾,而 static 這個文件夾需要被放置在根目錄下, 1.需要找到config --- index.js(webpack 是依據index.js ...
...
對開發完的項目打包放到服務器上,在本地跑的時候一切正常,但是在服務器上跑的時候發現登錄頁面的背景圖沒有了,是一片空白,為此找到了一下解決方案 在build 下的 utils.js中找到: 並添加 publicPath: '../../' 添加后的效果: 問題 ...
問題描述: 自己在自學vue做項目的過程中,遇到一個有關背景圖片路徑的問題,就是css代碼中背景圖片是根據相對路徑來寫的,如下圖: 當使用npm run dev命令本地訪問的時候,背景圖片是正常顯示的,可使用npm run build命令打包后,訪問dist目錄下的項目,頁面背景圖路徑就不 ...
問題背景:項目里面有用到背景圖片,開發模式下正常,打包之后發現報404錯誤。查看發現是背景圖片引用路徑出錯。 解決方法: build下由原來的相對路徑 "./" 改為絕對路徑 "/" 詳細緣由: vue項目在打包之后背景圖片訪問出錯? 首先,出錯 ...
1、在css中使用background引入static目錄下的圖片時,需使用相對路徑例:background: url("../../../static/img/1.png");2、build ---> utils.js 添加代碼 publicPath ...