更新记录

1.0.5（2023-12-29）

优化代码结构

平台兼容性

使用说明

1. 插件设置

• 1.1下载后把 request.js 和http.js 文件夹 copy 到项目 common/js/http/ 目录下

• 1.2 安装axios ：npm install axios

• 1.3 在项目根目录下 创建 env目录，在env目录下增加.json文件如下：

  {
  "BASE_URL":"",//接口的地址
  "ErrorNo4001":4001,//刷新Token的状态：未授权
  "ErrorNo4002":4002,//刷新Token的状态：Toekn过期
  "ErrorNo4003":4003//刷新Token的状态：刷新Toekn过期
  }

• 1.4 在项目根目录下 创建 config目录，在config目录下增加config.js文件如下：

  // 需要改变环境注释这一个地方就行
  const env = "development";  // 开发环境
  // const env="production";  // 生产环境
  // const env="test";  // 测试环境
  const url = require(`@/env/${env}.json`);
  export default {
  "ENV_NAME": env,
  ...url,
  "IMG_URL": "" // 图片获取基地址
  }

• 1.5 修改：request.js文件中刷新Token：axios.post('/refreshtoken', null, config)的方法，修改为自己的刷新方法和返回结构

• 1.6 修改http.js定义自己的请求头信息configs，包括接口基础地址等

2. 插件使用

• 直接引用后使用

页面中使用

<script>
    import  {httpPost}  from '@/common/js/http/http.js'

    export default {
        data() {
            return {}
        },
        onLoad(option) {
            this.test();

        },
        methods: {
            test () {
            httpPost("api/test",params)
                    .then((res) => {
                        //console.log(JSON.stringify(res))
                    })
            },          
        }
    }
</script>

• 全局挂载后使用

在 main.js 添加以下代码

import  {httpPost}  from '@/common/js/http/http.js'
Vue.prototype.$http = httpPost