原文:Vue本地執行build之后打開dist目錄下index.html正常訪問

場景 Vue的項目執行 后會在本地dist下生成打包后的文件 但是此文件給后端后就能訪問, 如果直接在本地雙擊在瀏覽器中打開就會提示一堆文件路徑找不到。 這是因為直接在本地訪問打開的話,請求資源的url是如上圖file: 那種開頭的路徑,需要的是類似於 localhost: 這樣的在服務器中的訪問路徑。 經過參考別人的博客,有將vue.config.js中的 publicPath: . , 改為相 ...

2020-07-14 10:36 0 1557 推薦指數:

查看詳情

vue配置編譯本地打開dist/index.html文件

項目完成后npm run build會生成dist文件,此時直接將dist文件發布到線上即可,若想本地打開dist/index.html可看,一般頁面為空,或者報錯找不到css和js文件,則需要更改一些路徑參數,改成相對當前目錄,然后再次運行npm run build 就可以在本地打開 ...

Fri Mar 02 19:47:00 CST 2018 0 5592
vue配置編譯本地打開dist/index.html文件

法一 vue項目完成后npm run build會生成dist文件,此時直接將dist文件發布到線上即可,若想本地打開dist/index.html可看,一般頁面為空,或者報錯找不到css和js文件,則需要更改一些路徑參數,改成相對當前目錄,然后再次運行npm run build 就可以在本地打開 ...

Tue Jan 08 18:08:00 CST 2019 0 4443
Vue通過build打包后 打開index.html頁面是空白的

最近在build打包vue項目遇到了幾個問題,如下: 1、npm run build打包項目之后,我們通常是把dist文件里面被壓縮后的static文件跟index.html提交到服務器,但最近發現直接打開index.html頁面是空白的,還會報幾個錯,找不到頁面路徑。 原因:找到config ...

Wed Jan 23 06:43:00 CST 2019 0 4209
vue-cli項目npm run build后,index.html無法在瀏覽器打開

一 般打包的時候命令行會出現如下錯誤提示: 然后去dist文件夾運行index.html。在瀏覽器里會發生如下錯誤提示: 先在config/index.js把原本是/改成./,然后再去bulid文件夾的build.js里,把命令行提示那段console.log給刪除掉,或者注釋 ...

Thu Mar 29 07:45:00 CST 2018 0 3528
如何解決vue2.0 打包之后 打開index.html出現空白頁

如何解決vue2.0 打包之后 打開index.html出現空白頁 1.打包之前修改三個文件 1.1.第一步,找到build文件,在webpack.prod.conf.js 第25行左右 有一個對象為 output,在這里面增加一行代碼 publicPath ...

Wed Aug 21 02:17:00 CST 2019 0 1750
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM