准备工作

配置一些laoder

1. 引入ElementUI

为了节约时间。使用ElementUI - Vue2 来布局和使用他的一些样式组件

ElementUI使用教程

2. 引入less

使用less来编写css样式 官方:

• https://github.com/webpack/less-loader
• http://lesscss.cn/

1. 安装：

   npm install --save-dev less-loader less
   

   需要注意上面的命令，一次性安装了2个，单独安装less-loader。在运行时会报错的。

2. 使用 在.vue style 中声明; 不然不会起作用。注意：lang 和 rel

<style lang="less" rel="stylesheet/less" scoped>

</style>

3. 配置 axios 请求资源

axios使用教程

4. 配置开发环境的跨域代理

https://github.com/chimurai/http-proxy-middleware

--- config/index.js ---
    proxyTable: {
      '/api': {
        target: 'http://192.168.6.70:8080',
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
    pathRewrite： 这里配置的是 正则表达式，以/api 开头的将会被用与‘’替换掉。也就是说
    程序中你写访问：/api/task/xxxx. 被处理之后：http://192.168.6.70:8080/task/xxxx