zoukankan      html  css  js  c++  java
  • 12.【nuxt起步】-接口请求重构

    storeapi数据交互部分重构出来,让前端更轻一点

    新建 /store/gettter.js /store/actions.js /server/config/index.js

    Index.js:

    export default {

      app:{

      domain:'',

      host:'localhost',

      port:3001,

      routerBaseApi:'api'

      }

    Getter.js:

    import globalConfig from '../server/config'

    export default {

      baseUrl(){

        let host

        if (process.env.NODE_ENV === 'production' && globalConfig.app.domain) {

          host = `${globalConfig.app.domain}/${globalConfig.app.routerBaseApi}`

        } else {

          host = `http://${globalConfig.app.host}:${globalConfig.app.port}/${globalConfig.app.routerBaseApi}`

        }

        return host

    },

    routerBaseApi(){

      let routerBaseApi =globalConfig.app.routerBaseApi

      return routerBaseApi

    }

    }

    Actions.js:

    import axios from 'axios'
    import qs from 'qs'
    export default {
      //信息详情
      async THREADDETAIL({commit,state,getters}, id = 1) {
        var postData = qs.stringify({
              "Token": "",
              "Plat": 0,
              "TimeStamp": 0,
              "Sign": ""
              });
        let res = await axios({
          headers: {'Content-Type': 'application/x-www-form-urlencoded'},
          method: 'post',
          url: `${getters.baseUrl}/thread/detail?Id=${id}`,
          data: postData
        })
        return res.data
    }
    }

    修改 /store/index.js

    import Vuex from 'vuex'

    import getters from './getters'

    import mutations from './mutations'

    import actions from './actions'

    export default () => {

      return new Vuex.Store({

        getters,

        mutations,

        actions

      })

    }

  • 相关阅读:
    MySQL-存储过程
    MySQL-触发器
    MySQL自学笔记
    arrayList和LinkedList区别
    RecyclerView和ListView比较
    【二叉树遍历】必知方式
    进程与线程的区别
    【单例模式】java实现
    【斐波那契数列】java探究
    replugin插件化,插件转场动画失效的问题解决
  • 原文地址:https://www.cnblogs.com/kobewang/p/10106475.html
Copyright © 2011-2022 走看看