成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

vue打包后空白頁(yè)問(wèn)題全記錄 (background路徑,css js404,jsonp等);

WrBug / 1025人閱讀

摘要:總結(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

相關(guān)文章

  • 雜篇 - Vue豆瓣系列文章

    摘要:起初,項(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ì)小伙伴們等的花都謝了,拖延癥是病,需要治...

    lijinke666 評(píng)論0 收藏0
  • 網(wǎng)站子目錄部署VUE webpack 打包資源文件路徑的正確引用方式

    摘要:是目前使用最為火熱的打包工具,各大知名的框架類庫(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...

    zgbgx 評(píng)論0 收藏0
  • Vue應(yīng)用部署到服務(wù)器的正確方式

    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...

    xcc3641 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<