项目地址

• https://github.com/PanJiaChen/vue-admin-template

前端配置跨域处理,配置vue.config.js

• 如果devServer下面没有可以自己加

// before: require('./mock/mock-server.js')
proxy: {
      [process.env.VUE_APP_BASE_API]: {
        target: process.env.VUE_APP_URL,
        changeOrigin: true, // 配置跨域
        pathRewrite: {
          ['^' + process.env.VUE_APP_BASE_API]: ''
        }
      }
    }

配置.env.development

• VUE_APP_BASE_API = '/service'

• VUE_APP_URL = 'http://localhost:8090'

• 后端访问的地址是：http://localhost:8090/service/xxx/xxx

• 开始访问

export function login(data) {
  return request({
    url: '/service/xxx/xxx',
    method: 'post',
    data
  })
}

到次我们完成了基础的访问配置，下一篇我们来实现，根据后端响应动态路由菜单功能