常見問題 · vue-element-admin

# 常見問題 > ## TIP > > 提問之前，請先查閱下面的常見問題。 ## [#](https://panjiachen.github.io/vue-element-admin-site/zh/guide/other/faq.html#vue-element-admin-%E5%92%8C-vue-admin-template-%E6%9C%89%E4%BB%80%E4%B9%88%E5%8C%BA%E5%88%AB%EF%BC%9F)vue-element-admin 和 vue-admin-template 有什么區別？ vue-element-admin 是一個后臺的集成方案，它囊括了很多的功能和組件，并不適合作為基礎模板來進行二次開發。 vue-admin-template 則是一個后臺的基礎模板腳手架，適合在它的基礎上進行二次開發。 ## [#](https://panjiachen.github.io/vue-element-admin-site/zh/guide/other/faq.html#%E9%A6%96%E5%85%88%E6%9C%89%E4%BB%BB%E4%BD%95%E6%8A%A5%E9%94%99%EF%BC%8C%E6%9C%80%E7%AE%80%E5%8D%95%E7%9A%84%E6%96%B9%E6%B3%95%E6%98%AF%E6%8A%8A%E6%8A%A5%E9%94%99%E4%BF%A1%E6%81%AF%E5%A4%8D%E5%88%B6%E5%88%B0%E6%B5%8F%E8%A7%88%E5%99%A8%E9%87%8C%E9%9D%A2%E6%90%9C%E7%B4%A2%E4%B8%80%E4%B8%8B%EF%BC%81%EF%BC%81%EF%BC%81)首先有任何報錯，最簡單的方法是把報錯信息復制到瀏覽器里面搜索一下！！！ [google 點我](http://lmgtfy.com/?q=%E6%90%9C%E4%B8%80%E6%90%9C) [百度點我](http://www.baidu-x.com/?q=%E6%90%9C%E4%B8%80%E6%90%9C) ## [#](https://panjiachen.github.io/vue-element-admin-site/zh/guide/other/faq.html#%E4%BB%A3%E7%A0%81%E4%B8%8B%E8%BD%BD%E6%85%A2%EF%BC%9F)代碼下載慢？ npm 或者 github 有時候因為中國墻的原因，網速會不穩定。有如下三種解決方案： * 使用淘寶源 ``` npm install --registry=https://registry.npm.taobao.org ``` * Yarn * [yarn 介紹](https://github.com/yarnpkg/yarn) * [安裝](https://yarn.bootcss.com/docs/install/#mac-stable) ``` yarn install ``` * 自己科學上網 ## [#](https://panjiachen.github.io/vue-element-admin-site/zh/guide/other/faq.html#vendor-%E8%BF%87%E5%A4%A7%E9%97%AE%E9%A2%98)vendor 過大問題? 建議使用 gzip，使用之后體積會只有原先 1/3 左右。還可以使用懶加載或者 Code Splitting 建議參考[這篇文章](https://zhuanlan.zhihu.com/p/26710831)。打出來的 app.js 過大，查看一下是不是 Uglify 配置不正確或者 sourceMap 沒弄對。優化相關請看該[文章](https://zhuanlan.zhihu.com/p/27710902)。或者查看手摸手系列教程： * [手摸手，帶你用合理的姿勢使用 webpack4（上）](https://juejin.im/post/5b56909a518825195f499806) * [手摸手，帶你用合理的姿勢使用 webpack4（下）](https://juejin.im/post/5b5d6d6f6fb9a04fea58aabc) * [webpack 4 和單頁應用入門](https://github.com/wallstreetcn/webpack-and-spa-guide) ## [#](https://panjiachen.github.io/vue-element-admin-site/zh/guide/other/faq.html#%E6%88%91%E7%9A%84-url-%E9%87%8C%E6%80%8E%E4%B9%88%E6%9C%89-%E5%8F%B7%EF%BC%9F%E8%A6%81%E5%A6%82%E4%BD%95%E5%8E%BB%E6%8E%89%EF%BC%9F)我的 url 里怎么有 # 號？要如何去掉？請參考文檔[前端路由與服務端的結合](https://panjiachen.github.io/vue-element-admin-site/zh/guide/essentials/deploy.html#%E5%89%8D%E7%AB%AF%E8%B7%AF%E7%94%B1%E4%B8%8E%E6%9C%8D%E5%8A%A1%E7%AB%AF%E7%9A%84%E7%BB%93%E5%90%88)主要由于`browserHistory`和`hashHistory`兩種不同模式導致的。 ## [#](https://panjiachen.github.io/vue-element-admin-site/zh/guide/other/faq.html#npm-install-%E6%80%BB%E6%98%AF%E5%A4%B1%E8%B4%A5%EF%BC%9F)npm install 總是失敗？由于中國墻的的原因，安裝一些依賴時很容易出現超時問題，國內用戶推薦使用淘寶源的安裝方式 ~~~ npm install --registry=https://registry.npm.taobao.org ~~~ ## [#](https://panjiachen.github.io/vue-element-admin-site/zh/guide/other/faq.html#node-sass-%E5%AE%89%E8%A3%85%E5%A4%B1%E8%B4%A5%EF%BC%9F)node-sass 安裝失敗？請查看下面相關 issue： [issues/25](https://github.com/PanJiaChen/vue-element-admin/issues/25) [issues/24](https://github.com/PanJiaChen/vue-element-admin/issues/24) ## [#](https://panjiachen.github.io/vue-element-admin-site/zh/guide/other/faq.html#mock-%E9%97%AE%E9%A2%98)mock 問題請參考文檔[Mock 和聯調](https://panjiachen.github.io/vue-element-admin-site/zh/guide/essentials/mock-api.html) ## [#](https://panjiachen.github.io/vue-element-admin-site/zh/guide/other/faq.html#%E5%8A%A8%E6%80%81%E9%85%8D%E7%BD%AE%E8%B7%AF%E7%94%B1%E9%85%8D%E7%BD%AE)動態配置路由配置將路由表配置存儲在后端方案相關 issue：[issues/293](https://github.com/PanJiaChen/vue-element-admin/issues/293) ## [#](https://panjiachen.github.io/vue-element-admin-site/zh/guide/other/faq.html#%E6%B5%8F%E8%A7%88%E5%99%A8%E5%85%BC%E5%AE%B9%E6%80%A7%E9%97%AE%E9%A2%98)瀏覽器兼容性問題本項目暫時沒有兼容性需求，如有兼容性需求可自行使用 babel-polyfill。 ~~~ // 下載依賴 npm install --save babel-polyfill ~~~ 在入口文件中引入 ~~~ import 'babel-polyfill' // 或者 require('babel-polyfill') //es6 ~~~ 在 webpack.config.js 中加入 babel-polyfill 到你的入口數組： ~~~ module.exports = { entry: ['babel-polyfill', './app/js'] } ~~~ 具體可參考[link](https://babeljs.io/docs/en/babel-polyfill/) 或者更簡單暴力[polyfill.io](https://cdn.polyfill.io/v3/)使用它給的一個 cdn 地址，引入這段 js 之后它會自動判斷游覽器，加載缺少的那部分 polyfill,但國內速度肯能不行，大家可以自己搭 cdn。 [更多相關內容](https://segmentfault.com/a/1190000010106158) ## [#](https://panjiachen.github.io/vue-element-admin-site/zh/guide/other/faq.html#%E8%B7%A8%E5%9F%9F%E9%97%AE%E9%A2%98-%E5%A6%82%EF%BC%9A%E4%B8%BA%E4%BB%80%E4%B9%88%E5%8F%91%E4%BA%86%E4%B8%80%E4%B8%AA-options-%E8%AF%B7%E6%B1%82-access-control-allow-origin-%E6%8A%A5%E9%94%99%E7%AD%89)跨域問題如：為什么發了一個 options 請求? Access-Control-Allow-Origin 報錯等? 請參考文檔[跨域問題](https://panjiachen.github.io/vue-element-admin-site/zh/guide/advanced/cors.html) ## [#](https://panjiachen.github.io/vue-element-admin-site/zh/guide/other/faq.html#%E5%9B%BE%E7%89%87-background-url-%E5%BC%95%E7%94%A8%E9%97%AE%E9%A2%98%EF%BC%9F)圖片 background url() 引用問題？ https://github.com/vuejs/vue-loader/issues/481 https://github.com/vuejs/vue-cli/issues/112 ## [#](https://panjiachen.github.io/vue-element-admin-site/zh/guide/other/faq.html#%E6%88%96%E8%80%85%E5%A6%82%E4%B8%BA%E4%BB%80%E4%B9%88%E4%BB%96%E7%9A%84%E9%A1%B9%E7%9B%AE%E5%8F%AF%E4%BB%A5src-xxx-%E8%BF%99%E6%A0%B7%E5%86%99%EF%BC%8C%E8%80%8C%E6%88%91%E7%9A%84%E5%8D%B4%E6%8A%A5%E8%B7%AF%E5%BE%84%E9%94%99%E8%AF%AF%EF%BC%9F)@ 或者如為什么他的項目可以`src/xxx/`這樣寫，而我的卻報路徑錯誤？這種情況很有可能人家在配置了 webpack 的 alias `@`是 webpack 的[alias](https://webpack.js.org/configuration/resolve/#resolve-alias)不懂得請自行研究。 ## [#](https://panjiachen.github.io/vue-element-admin-site/zh/guide/other/faq.html#can-t-not-find-xxmodule-%E6%89%BE%E4%B8%8D%E5%88%B0%E6%9F%90%E4%BA%9B%E4%BE%9D%E8%B5%96%E6%88%96%E8%80%85%E6%A8%A1%E5%9D%97)can't not find 'xxModule' - 找不到某些依賴或者模塊這種情況一般報錯信息可以看到是哪個包拋出的信息. 一般卸載這個模塊,安裝重新安裝下即可. ## [#](https://panjiachen.github.io/vue-element-admin-site/zh/guide/other/faq.html#%E6%88%91%E7%94%A8%E4%BA%86-axios-%E4%B8%BA%E4%BB%80%E4%B9%88-ie-%E6%B5%8F%E8%A7%88%E5%99%A8%E4%B8%8D%E8%AF%86%E5%88%AB-ie9)我用了 axios , 為什么 IE 瀏覽器不識別(IE9+) IE 不支持 promise，所有需要單獨引入 polyfill ~~~ npm install es6-promise // 在 main.js 首行引入即可 require("es6-promise").polyfill(); ~~~ ## [#](https://panjiachen.github.io/vue-element-admin-site/zh/guide/other/faq.html#%E5%85%B6%E5%AE%83%E4%BB%BB%E4%BD%95%E5%85%B3%E4%BA%8E-vue-%E7%9A%84%E9%97%AE%E9%A2%98-%EF%BC%9F)其它任何關于 vue 的問題？請你首先仔細閱讀 vue[官方文檔](https://cn.vuejs.org/index.html),但部分問題其實看報錯就能知道原因了！ ## [#](https://panjiachen.github.io/vue-element-admin-site/zh/guide/other/faq.html#%E8%BE%85%E5%8A%A9%E6%96%87%E7%AB%A0)輔助文章 [Vue 脫坑記 - 查漏補缺(匯總下群里高頻詢問的 xxx 及給出不靠譜的解決方案)](https://juejin.im/post/59fa9257f265da43062a1b0e)