資訊專欄INFORMATION COLUMN
摘要：項(xiàng)目打包后上傳至，并實(shí)現(xiàn)的預(yù)覽打包項(xiàng)目項(xiàng)目命令行輸入打包命令，生成了文件夾打包完成。參考各位大佬求教一個(gè)問題項(xiàng)目打包后如何上傳到實(shí)現(xiàn)預(yù)覽上傳本地項(xiàng)目到和預(yù)覽使用數(shù)據(jù)怎么加載本地?cái)?shù)據(jù)能讓項(xiàng)目在上預(yù)覽
vue項(xiàng)目打包后上傳至GitHub，并實(shí)現(xiàn)github-pages的預(yù)覽 1. 打包vue 項(xiàng)目
vue項(xiàng)目：
命令行輸入打包命令npm run build，生成了dist文件夾：
打包完成。
打開剛剛打包好的dist文件夾，瀏覽器打開index.html
發(fā)現(xiàn)該頁面是空白的，打開控制臺(tái)發(fā)現(xiàn)
這里看到index.html文件中沒有加載任何css、js文件。
解決方法——修改config文件打開項(xiàng)目根目錄config下的index.js文件，進(jìn)行如下修改：
即將assetsPublicPath: "/"改成assetsPublicPath: "./"
重新npm run build
字體和圖標(biāo)不能正常顯示
解決方法——修改build文件打開根目錄下build中的utils.js文件，在控制build樣式文件代碼中添加 publicPath: "../../"，
添加publicPath: "../../"
重新npm run build
2. 上傳vue 項(xiàng)目并預(yù)覽將項(xiàng)目提交至倉庫(包括dist目錄)，假如倉庫名稱為test.
$ git subtree push --prefix dist origin gh-pages，將dist目錄提交至gh-pages。
在地址欄輸入https://你的github名稱.github.io/test/即可預(yù)覽。
其他問題用mock模擬數(shù)據(jù)，無法使用。解決方案：創(chuàng)建一個(gè).json文件把數(shù)據(jù)寫死，然后引用這個(gè)文件。
對(duì)于使用Vue-cli3.0構(gòu)建的項(xiàng)目出現(xiàn)的樣式失效問題，解決方案：在vue.config.js中設(shè)置baseUrl: "/staff/"。
參考各位大佬 求教一個(gè)問題 Vue項(xiàng)目打包后如何上傳到GitHub實(shí)現(xiàn)預(yù)覽
上傳本地Vue項(xiàng)目到github和gh-pages預(yù)覽
使用githubpagesmock數(shù)據(jù)
怎么加載本地json數(shù)據(jù),能讓項(xiàng)目在github pages上預(yù)覽
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/104101.html
摘要：使用插件安裝使用測(cè)試訪問頁面注意大大的紅字，如果要在本項(xiàng)目下測(cè)試，需要修改項(xiàng)目名稱，不然報(bào)項(xiàng)目名字和包名字是一致的錯(cuò)，無法安裝的如下結(jié)束語這個(gè)筆記繼上一篇插件開發(fā)流程詳解從開發(fā)到發(fā)布至一，替換了開發(fā)和測(cè)試的項(xiàng)目架構(gòu)。 前記：上一篇 https://www.cnblogs.com/adouw...，說到了一個(gè)完整的vue插件開發(fā)、發(fā)布的流程，總結(jié)下來就講了這么一個(gè)事，如何注入vue,...
摘要：前兩天寫了一篇關(guān)于的小米便簽項(xiàng)目實(shí)例，有網(wǎng)友建議增加在線預(yù)覽的效果，然后在上增加可預(yù)覽項(xiàng)目時(shí)遇到并解決一些問題，在這給大家做個(gè)分享。 前兩天寫了一篇關(guān)于vuex2.0的小米便簽項(xiàng)目實(shí)例，有網(wǎng)友建議增加在線預(yù)覽的效果，然后在github上增加可預(yù)覽項(xiàng)目時(shí)遇到并解決一些問題，在這給大家做個(gè)分享。 我的小米便簽項(xiàng)目是用vue-cli腳手架構(gòu)建的，在執(zhí)行npm run build命令之后會(huì)對(duì)項(xiàng)...
摘要：大概過來一個(gè)多月，我決定兩路開工。使用給前端寫接口，配備后臺(tái)管理功能，先把后臺(tái)搭建好。大概幾天過后，后臺(tái)一些簡單的功能實(shí)現(xiàn)后，就開始用開始搭建前臺(tái)，也一直在想做點(diǎn)什么比較好，于是就做了個(gè)豆瓣評(píng)分類似的項(xiàng)目。 寫在前面 由于最近公司業(yè)務(wù)不是很忙，空閑時(shí)間比較多，于是就在糾結(jié)Vue.js（之前就學(xué)習(xí)過）和Node.js先專研哪個(gè)比較好，最終選擇了先玩玩Node.js。經(jīng)過一段時(shí)間的學(xué)習(xí)，就...
摘要：遠(yuǎn)程讀取會(huì)有許多限制，防止引起不必要的安全隱患。比較時(shí)可以把點(diǎn)去掉轉(zhuǎn)為數(shù)字類型比較腳本執(zhí)行完畢下載前可以拿到更新日志時(shí)間版本號(hào)和包大小，下載時(shí)可以拿到速度。然后開啟該項(xiàng)目的構(gòu)建。將第一步生成的填至項(xiàng)目環(huán)境變量，參數(shù)名為。 父母都是做出納相關(guān)的工作，希望我能給他們做個(gè)簡單的進(jìn)銷存，在上班的時(shí)候使用。開發(fā)一個(gè)不需要花錢買服務(wù)器，不需要依賴網(wǎng)絡(luò)（更新除外），單機(jī)版的程序，對(duì)于前端出身的我來說...
閱讀 3233·2021-11-23 09:51
閱讀 1040·2021-08-05 09:58
閱讀 671·2019-08-29 16:05
閱讀 982·2019-08-28 18:17
閱讀 3037·2019-08-26 14:06
閱讀 2730·2019-08-26 12:20
閱讀 2164·2019-08-26 12:18
閱讀 3072·2019-08-26 11:56
