3-element-admin--修改登录为对应自己的后端

1、下载element-admin

# 克隆项目
git clone https://github.com/PanJiaChen/vue-element-admin.git

# 进入项目目录
cd vue-element-admin

# 安装依赖
cnpm install

# 本地开发 启动项目
npm run dev

2、 修改代码的相关配置

1） 打开vue.config.js 修改devServer下的proxy ，将原来的

2）修改为

  devServer: {
        proxy: {
            '/chenapi': {//代理api
                target: "http://localhost:9000",// 代理接口(注意只要域名就够了)
                changeOrigin: true,//是否跨域
                ws: true, // proxy websockets
                pathRewrite: {//重写路径
                    "^/chenapi": ''//代理路径
                }
              },
        },
         disableHostCheck: true
  },

3）在main.js中注释掉关于mock的代码

4) 修改.env.development文件 

修改:

# base api
VUE_APP_BASE_API = '/dev-api'

为：

# base api
#VUE_APP_BASE_API = '/dev-api'
VUE_APP_BASE_API = 'http://localhost:9000'

5） 修改src/api/user.js文件

import request from '@/utils/request'

export function login(data) {
  return request({
    // url: '/vue-element-admin/user/login',
    url: '/api/oauth/token',
    method: 'post',
    data
  })
}

export function getInfo(token) {
  return request({
    url: '/api/user/info',
    method: 'get',
    params: { token }
  })
}

export function logout() {
  return request({
    url: '/api/user/logout',
    method: 'post'
  })
}

6）最后修改src/utils/request.js文件

const service = axios.create({
  // baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
  // withCredentials: true, // send cookies when cross-domain requests
  timeout: 5000 // request timeout
})