原文:處理 vue history模式打包后頁面為空白頁的問題

在vue根目錄下創建vue.config.js 文件 修改router.js 修改Nginx配置 轉載至http: www.gzui.net archives ...

2020-05-22 10:18 0 4212 推薦指數:

查看詳情

vue打包顯示為空白頁的解決辦法

ebpack+vue-cli 根據官網安裝、打包出來的html直接打開是顯示空白。而vue打包成html不需要放在服務器上就能瀏覽。 解決辦法: 1、config → index.js 找到對應路徑下的配置文件,修改 module.exports 中的 assetsPublicPath ...

Tue Oct 09 17:38:00 CST 2018 0 671
vue cli 3.0 腳手架 實現項目打包(解決項目打包空白頁問題

寫完項目的代碼,項目准備上線 ,可以使用 npm run build 命令 對項目打包。 但是經常出現打包好的項目是空白頁的情況。這是因為需要我們手動配置。 解決方法如下 1. 在vue項目的根目錄 下創建 一個 vue.config.js文件。 2.在文件中輸入 ...

Mon May 18 22:16:00 CST 2020 0 853
vue history模式下,部署到服務器出現空白頁情況

項目場景   vue搭建的項目,路由一直用的hash模式,所以url中都會帶有一個“#”號。  現在想要去掉“#”,於是使用history模式 { mode: 'history' },代碼如下: 問題頁面空白 mode: 'history ...

Wed Jul 31 02:29:00 CST 2019 0 2991
vue3.0以上關於打包出現空白頁和路由不起作用

1.解決頁面空白,找不到資源 在項目根目錄中的vue.config.js中publicPath: '/'修改為publicPath: './',如果沒有這個文件,新建一個,基礎代碼為: 2.解決路由不起作用: 將路由中的紅框里面的注釋掉,或者將history模式更改 ...

Fri Aug 23 18:38:00 CST 2019 0 1517
vue-cli項目打包出現空白頁和路徑錯誤問題

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

Tue Nov 21 17:57:00 CST 2017 2 21551
vue-cli項目打包出現空白頁和路徑錯誤問題

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

Thu Dec 21 19:03:00 CST 2017 0 1517
解決 vue-cli 打包項目出現空白頁面的坑!

  使用 vue-cli 打包完后項目出現空白頁面的原因就是項目中使用到了相對路徑,解決的辦法也是非常簡單,將config/index.js 中的 assetsPublicPath 修改為空 ‘’,默認值為 ‘/’。 ...

Tue Sep 25 20:20:00 CST 2018 0 887
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM