vue3.2 登录请求

1. src/api/request.js

   // 导入创建项目就依赖的axios
   import axios from 'axios'
   
   // 创建
   const service = axios.create({
     // 基础路径 开发环境和生产环境不同
     baseURL: process.env.VUE_APP_BASE_API,
     TIMEOUT: 5000
   })
   // 导出
   export default service
   

   //.env.development
   ENV='development'
   VUE_APP_BASE_API='/api'
   
   
   //.env.production
   ENV='development'
   VUE_APP_BASE_API='/prod-api'
   
   两个文件

2. 解决跨域问题，设置代理（网上找，不建议手写）vue.config.js

   // 解决跨域问题，设置代理
     devServer: {
       https: false,
       hotOnly: false,
       proxy: {
         '/api': {
           target: 'https://lianghj.top:8888/api/private/v1/',
           changeOrigin: true,
           pathRewrite: {
             '^/api': ''
           }
         }
       }
     },

3. src/api/login.js

   import request from './request'
   
   export const login = (data) => {
     return request({
       url: '/login',
       method: 'post',
       data
     })
   }
   

4. 登录组件引用

   import { login } from '@/api/login'