常见问题

    提问之前,请先查阅下面的常见问题。

    vue-element-admin 是一个后台的集成方案,它囊括了很多的功能和组件,并不适合作为基础模板来进行二次开发。 vue-admin-template 则是一个后台的基础模板脚手架,适合在它的基础上进行二次开发。

    首先有任何报错,最简单的方法是把报错信息复制到浏览器里面搜索一下!!!

    百度点我常见问题 - 图1

    代码下载慢?

    npm 或者 github 有时候因为中国墙的原因,网速会不稳定。有如下三种解决方案:

    • 使用淘宝源

      npm install —registry=

    • Yarn

      yarn install

    • 自己科学上网

    vendor 过大问题?

    建议使用 gzip,使用之后体积会只有原先 1/3 左右。还可以使用懒加载或者 Code Splitting 建议参考这篇文章。打出来的 app.js 过大,查看一下是不是 Uglify 配置不正确或者 sourceMap 没弄对。 优化相关请看该。

    我的 url 里怎么有 # 号?要如何去掉?

    请参考文档 前端路由与服务端的结合 主要由于 和 hashHistory 两种不同模式导致的。

    由于中国墙的的原因,安装一些依赖时很容易出现超时问题,国内用户推荐使用淘宝源的安装方式

    node-sass 安装失败?

    请查看下面相关 issue:

    issues/24常见问题 - 图2

    mock 问题

    请参考文档

    动态配置路由配置

    将路由表配置存储在后端方案

    相关 issue:issues/293

    浏览器兼容性问题

    本项目暂时没有兼容性需求,如有兼容性需求可自行使用 babel-polyfill。

    在入口文件中引入

    在 webpack.config.js 中加入 babel-polyfill 到你的入口数组:

    或者更简单暴力 使用它给的一个 cdn 地址,引入这段 js 之后它会自动判断游览器,加载缺少的那部分 polyfill,但国内速度肯能不行,大家可以自己搭 cdn。

    更多相关内容

    请参考文档

    图片 background url() 引用问题?

    https://github.com/vuejs/vue-loader/issues/481

    @ 或者如为什么他的项目可以 这样写,而我的却报路径错误?

    这种情况很有可能人家在配置了 webpack 的 alias

    @ 是 webpack 的 alias常见问题 - 图3 不懂得请自行研究。

    can’t not find ‘xxModule’ - 找不到某些依赖或者模块

    这种情况一般报错信息可以看到是哪个包抛出的信息. 一般卸载这个模块,安装重新安装下即可.

    我用了 axios , 为什么 IE 浏览器不识别(IE9+)

    IE 不支持 promise,所有需要单独引入 polyfill

    请你首先仔细阅读 vue ,但部分问题其实看报错就能知道原因了!

    辅助文章

    Vue 脱坑记 - 查漏补缺(汇总下群里高频询问的 xxx 及给出不靠谱的解决方案)常见问题 - 图4