vue-element-template学习

第一章 实现springboot后端登录

• vue-element-template学习目录
• 前言
• 一、Vue后台服务的配置
• 二、实现前后端通讯
• • 1.修改为Elment中文
  • 2.修改
• 总结

提示：这里可以添加本文要记录的大概内容：

	学习定制前后端完整项目

提示：以下是本篇文章正文内容，下面案例可供参考

项目的根目录下找到vue.config.js

// If your port is set to 80,
// use administrator privileges to execute the command line.
// For example, Mac: sudo npm run
// You can change the port by the following methods:
// port = 9528 npm run dev OR npm run dev --port = 9528
const port = process.env.port || process.env.npm_config_port || 9528 // dev port

根目录打开.dev.development，可以看到开发环境的配置：

# just a flag
ENV = 'development'

# base api
VUE_APP_BASE_API = '/dev-api'

根目录打开.dev.production，可以看到产品环境的配置：

# just a flag
ENV = 'production'

# base api
VUE_APP_BASE_API = '/prod-api'

vue.config.js文件改动

1. 注释掉mock.js生成数据

// All configuration item explanations can be find in https://cli.vuejs.org/config/
module.exports = {
  
  publicPath: '/',
  outputDir: 'dist',
  assetsDir: 'static',
  lintOnSave: process.env.NODE_ENV === 'development',
  productionSourceMap: false,
  devServer: {
    port: port,
    open: true,
    overlay: {
      warnings: false,
      errors: true
    }
    // before: require('./mock/mock-server.js')
  },

2. open属性改为false，这里是为了编译启动项目时不要开两个网页
3. 备用
4. 根目录打开.dev.development，修改接口地址

# just a flag
ENV = 'development'

# base api
# VUE_APP_BASE_API = '/dev-api'

VUE_APP_BASE_API = 'http://localhost:8091'
port = 8090

5. main.js注释掉mock生成数据

main.js修改代码如下：

// set ElementUI lang to EN
// Vue.use(ElementUI, { locale })
// 如果想要中文版 element-ui，按如下方式声明
Vue.use(ElementUI)

src/api/main.js 修改代码如下：

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

该处使用的url网络请求的数据。

提示：这里对文章进行总结：

例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。