vue打包後空白頁問題全記錄 (background路徑,css js404,jsonp等);

三月發表於2018-02-07

總結一下vue打包後問題全記錄:
大部分開發者webpack基本上都是拿來就用的(並沒有系統化的研究)。

一 >>> 打包之後的靜態檔案不能直接訪問:(例如dist)打包後搭個伺服器才能訪問的! 選擇cd 到dist存放發目錄下

 npm install http-server -g

二 >>> background引入圖片打包後,訪問路徑錯誤。
首先static目錄下,打包後圖片是在根目錄下,如果是相對路徑肯定是不行的。
然後是assets目錄下相對路徑是沒問題的。

三 >>> 引入的css,js打包後出現404找不到了
config檔案的index.js 需要配置(如果用了腳手架應該是不用改的)

assetsPublicPath: `./`,

四 >>> 介面跨域問題
現在通常的方法有兩種:
1.伺服器設定反向代理(問題解決沒遇到問題)
2.統一設定請求頭(post請求自定義headers: {‘自定義的名字’:‘value’}時)
就算是服務端 統一設定了這個自定義的名字還是無法解決。
這個問題當時我陷還是很深的,包括整個流程。
https://developer.mozilla.org…
(最後,還是放棄了。還是代理吧!)

大家如果還有其他的問題(分享一下)。

相關文章