摘要:總結(jié)一下打包后問(wèn)題全記錄大部分開發(fā)者基本上都是拿來(lái)就用的并沒(méi)有系統(tǒng)化的研究。一打包之后的靜態(tài)文件不能直接訪問(wèn)例如打包后搭個(gè)服務(wù)器才能訪問(wèn)的選擇到存放發(fā)目錄下二引入圖片打包后訪問(wèn)路徑錯(cuò)誤。然后是目錄下相對(duì)路徑是沒(méi)問(wèn)題的。最后,還是放棄了。
總結(jié)一下vue打包后問(wèn)題全記錄:
大部分開發(fā)者webpack基本上都是拿來(lái)就用的(并沒(méi)有系統(tǒng)化的研究)。
一 >>> 打包之后的靜態(tài)文件不能直接訪問(wèn):(例如dist)打包后搭個(gè)服務(wù)器才能訪問(wèn)的! 選擇cd 到dist存放發(fā)目錄下
npm install http-server -g
二 >>> background引入圖片打包后,訪問(wèn)路徑錯(cuò)誤。
首先static目錄下,打包后圖片是在根目錄下,如果是相對(duì)路徑肯定是不行的。
然后是assets目錄下相對(duì)路徑是沒(méi)問(wèn)題的。
三 >>> 引入的css,js打包后出現(xiàn)404找不到了
config文件的index.js 需要配置(如果用了腳手架應(yīng)該是不用改的)
assetsPublicPath: "./",
四 >>> 接口跨域問(wèn)題
現(xiàn)在通常的方法有兩種:
1.服務(wù)器設(shè)置反向代理(問(wèn)題解決沒(méi)遇到問(wèn)題)
2.統(tǒng)一設(shè)置請(qǐng)求頭(post請(qǐng)求自定義headers: {‘自定義的名字’:‘value’}時(shí))
就算是服務(wù)端 統(tǒng)一設(shè)置了這個(gè)自定義的名字還是無(wú)法解決。
這個(gè)問(wèn)題當(dāng)時(shí)我陷還是很深的,包括整個(gè)流程。
https://developer.mozilla.org...
(最后,還是放棄了。還是代理吧!)
大家如果還有其他的問(wèn)題(分享一下)。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/107299.html
摘要:起初,項(xiàng)目使用的是,其提供的方法用著比較爽,由于項(xiàng)目的很多數(shù)據(jù)來(lái)自豆瓣的,直接上簡(jiǎn)單方便,跨域什么的不考慮??缬騿?wèn)題,上面已經(jīng)介紹,在不能操控的豆瓣數(shù)據(jù)上,使用的是。 項(xiàng)目地址 在線演示 不識(shí)廬山真面目,只緣身在此山中。 大概一個(gè)月前,開源了Vue重構(gòu)豆瓣移動(dòng)端的項(xiàng)目,效果還可以,收到了很多小伙伴的反饋,話說(shuō)是要寫一些文章的,但遲遲沒(méi)有動(dòng)筆,估計(jì)小伙伴們等的花都謝了,拖延癥是病,需要治...
摘要:是目前使用最為火熱的打包工具,各大知名的框架類庫(kù)都用其打包,國(guó)內(nèi)使用最近也火熱起來(lái)。但是坑也很多,比如說(shuō)圖片,字體等文件的路徑。 webpack 是目前使用最為火熱的打包工具,各大知名的框架類庫(kù)都用其打包,國(guó)內(nèi)使用最近也火熱起來(lái)。它在單頁(yè)應(yīng)用和類庫(kù)打包上幫助許多人從代碼管理中解脫了出來(lái),成為了當(dāng)下風(fēng)靡一時(shí)的打包工具。 但是坑也很多,比如說(shuō)圖片,字體等文件的路徑。 剛開始用webpack...
Vue應(yīng)用部署到服務(wù)器的正確方式 很多時(shí)候我們發(fā)現(xiàn)辛辛苦苦寫的VueJs應(yīng)用經(jīng)過(guò)打包后在自己本地搭建的服務(wù)器上測(cè)試沒(méi)有什么問(wèn)題,但真正放在服務(wù)器上后,會(huì)發(fā)現(xiàn)或多或少的問(wèn)題,比如:頁(yè)面出現(xiàn)空白現(xiàn)象,獲取資源路徑不對(duì)等,我相信以VueJs為技術(shù)棧來(lái)進(jìn)行前端開發(fā)的小伙伴或多或少都會(huì)遇到這樣的問(wèn)題,我也遇到過(guò),那現(xiàn)在我們就來(lái)一一解決這樣的問(wèn)題。 如何打包 基于Vue-Cli,通過(guò)npm run build...
閱讀 1705·2021-08-30 09:45
閱讀 1761·2019-08-30 15:54
閱讀 1181·2019-08-30 14:02
閱讀 1940·2019-08-29 16:21
閱讀 1621·2019-08-29 13:47
閱讀 3202·2019-08-29 12:27
閱讀 705·2019-08-29 11:01
閱讀 2672·2019-08-26 14:04