vue下安装iview-admin后台管理(连载中)

大秦白起

于 2019-08-08 09:50:29 发布

阅读量726

点赞数

CC 4.0 BY-SA版权

分类专栏：前端 vue.js iview-admin

本文链接：https://blog.youkuaiyun.com/qq_41377857/article/details/98636587

前端同时被 3 个专栏收录

26 篇文章

订阅专栏

vue.js

14 篇文章

订阅专栏

iview-admin

2 篇文章

订阅专栏

本文详细介绍了如何使用Vue.js和iview-admin搭建前端项目的基本流程，包括安装Vue、iview-admin、less及其加载器，以及配置Less解析器的方法。同时，文章还讲解了如何通过axios进行数据接口请求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一: 安装

1) 安装vue npm install vue

2) 安装 iview-admin: npm install iview --save

引入全局iview:

          import iView from 'iview'
          Vue.use(iView)

3) 安装 less npm install less less-loader --save(安装后格式严格,可不安装)

配置Less解析器,在webpack.base.conf.js中，modules结节下的rules节点中添加Less的解析器

module: {
     rules: [
        {  
         test: /\.scss$/,
         loaders: ["style", "css", "sass","style-loader!css-loader!less-loader"]
        },

4) 安装 axios, 使用axios.post请求数据接口

引入全局 :main.js文件中

import axios from 'axios'

vue.prototype.$http = axios

        axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'