多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
# 常见问题 > ## 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)