# 常见问题

TIP

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

# vue-element-admin 和 vue-admin-template 有什么区别?

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


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

google 点我

百度点我


# 代码下载慢?

npm 或者 github 有时候因为大家都知道的网络原因,网速会不稳定。有如下三种解决方案:

  • 使用淘宝源

    npm install --registry=https://registry.npm.taobao.org

  • Yarn

    yarn install

  • 自己自己通过”某些手段“加速上网

# vendor 过大问题?

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

或者查看手摸手系列教程:


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

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


# npm install 总是失败?

由于大家都知道的网络原因,安装一些依赖时很容易出现超时问题,国内用户推荐使用淘宝源的安装方式

npm install --registry=https://registry.npm.taobao.org

# node-sass 安装失败?

请查看下面相关 issue:

issues/25

issues/24


# mock 问题

请参考文档 Mock 和联调


# 动态配置路由配置

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

相关 issue:issues/293

# 浏览器兼容性问题

本项目暂时没有兼容性需求,如有兼容性需求可自行使用 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

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

更多相关内容

# 跨域问题 如:为什么发了一个 options 请求? Access-Control-Allow-Origin 报错等?

请参考文档 跨域问题


# 图片 background url() 引用问题?

请查看下面相关 issue:

vuejs/vue-loader#481

vuejs/vue-cli#112


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

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

@ 是 webpack 的 alias 不懂得请自行研究。


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

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


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

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

npm install es6-promise

// 在 main.js 首行引入即可
require("es6-promise").polyfill();

# 其它任何关于 vue 的问题 ?

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


# 辅助文章

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