# 常见问题

提示

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

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

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

vue3-composition-admin -template (opens new window)(本项目) 是基于 typescript 重写的版本, master (opens new window) 分支对应着 vue-element-admin 的完整功能,而 minimal (opens new window) 分支对应着 vue-admin-template 的基础功能。

# 遇到不懂的问题第一件要做的事

自己动手把报错信息的核心部分先复制到浏览器里面搜索一下,可以使用 Google / 百度 / Bing 等搜索引擎。

# 代码下载慢?

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

  • 使用淘宝源
npm install --registry=https://registry.npm.taobao.org

# npm install 总是失败?

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

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

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

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

# mock 问题

请参考文档 Mock 页面

# 浏览器兼容性问题

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

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

更多相关内容 (opens new window)

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

请参考文档 跨域问题

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

https://github.com/vuejs/vue-loader/issues/481 (opens new window)

https://github.com/vuejs/vue-cli/issues/112 (opens new window)

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

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

@ 是 webpack 的 alias (opens new window) 不懂得请自行研究。

# Can't not find 'xxx Module' - 找不到某些依赖或者模块

这种情况一般报错信息可以看到是哪个包抛出的信息. 一般卸载这个模块(如果已经安装了), 用 npm 重新安装下即可.

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

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

npm install es6-promise

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

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

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