1. 程式人生 > >vue項目前後端聯調問題

vue項目前後端聯調問題

port ... ima 跟著 eve targe ron target 分享

做聯調的時候就得把static裏面的自己的靜態mock文件刪除

config裏面index.js文件修改proxyTable 對象裏面的 target 的路徑就行

城市頁面 abcd...右側導航滑動在手機上頁面也會跟著滑動

解決: touchstart事件加上.prevent

技術分享圖片

在低版本瀏覽器上手機會出現白屏問題:

解決:

安裝一個插件包 babel-polyfill

npm install babel-polyfill --save

main.js裏面引入 import ‘babel-polyfill‘

項目打包

npm run build

技術分享圖片

打包完之後目錄裏面會生成一個

dist 文件夾

優化項目

當頁面的js文件達到1mb時,我們可以通過異步來加載組件進行優化 實行按需加載

例如在我們這個項目有三個頁面 每次項目啟動 瀏覽器會一次全部加載完三個頁面的js內容,這樣就頁面剛開始就有點慢

解決:

我們在router -index.js

技術分享圖片

如果其他組件裏面也需要按需加載 類似這麽修改:

component: () => import(‘@/pages/detail/Detail‘)

頁面跳轉顯示位置問題 和 url帶有#問題

技術分享圖片

vue項目前後端聯調問題