欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue 接口請求地址前綴本地開發(fā)和線上開發(fā)設置方式

 更新時間：2020年08月13日 11:06:54   作者：微微一芯  
這篇文章主要介紹了vue 接口請求地址前綴本地開發(fā)和線上開發(fā)設置方式，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

開發(fā)環(huán)境 config/dev.env.js

'use strict'
const merge = require('webpack-merge')
const prodEnv = require('./dev.env')
 
module.exports = merge(prodEnv, {
 NODE_ENV: '"development"',
 API_ROOT: '"https://www.dev.com"' //本地請求前綴
})

線上開發(fā)環(huán)境 config/prod.env.js

'use strict'
const merge = require('webpack-merge')
const prodEnv = require('./prod.env')
 
module.exports = merge(prodEnv, {
 NODE_ENV: '"production"',
 API_ROOT: '"https://www.prov.com"'  //線上請求前綴
})

在請求之前，組裝URL，axios.js

import Axios from 'axios';
var root = process.env.API_ROOT;
//請求攔截
axios.interceptors.request.use((config) => {
  //請求之前重新拼裝url
  config.url = root + config.url;
  return config;
});

頁面使用模板：

export default {
  name: 'Order',
  data () {
    return {
      order_list: []
    }
  },
  methods: {
    fetchList: function () {
      this.$axios.post('/api/order_list').then((res) => {
        if(res.result === '0000'){
          this.order_list = res.data;
        }
      });
    }
  }
}

補充知識：vue中axios固定url請求前綴

main.js中添加：

使用方法：

以上這篇vue 接口請求地址前綴本地開發(fā)和線上開發(fā)設置方式就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關文章

  • Vue使用Element-UI生成并展示表頭序號的方法

    Vue使用Element-UI生成并展示表頭序號的方法

    序號算是在展示數(shù)據(jù)的時候，一種很普遍的屬性了，我們可以自己寫生成序號的規(guī)則，也可以借助第三方，這篇文章主要介紹了Vue使用Element-UI生成并展示表頭序號的方法,需要的朋友可以參考下
    2023-01-01
  • Vue實現(xiàn)高德坐標轉GPS坐標功能的示例詳解

    Vue實現(xiàn)高德坐標轉GPS坐標功能的示例詳解

    生活中常用的幾種坐標有：WGS-84、GCJ-02與BD-09。本文將利用Vue實現(xiàn)高德坐標轉GPS坐標功能，即實現(xiàn)GCJ-02坐標轉換成WGS-84坐標，需要的可以參考一下
    2022-04-04
  • 加載 vue 遠程代碼的組件實例詳解

    加載 vue 遠程代碼的組件實例詳解

    vue-cli 作為 Vue 官方推薦的項目構建腳手架，它提供了開發(fā)過程中常用的，熱重載，構建，調試，單元測試，代碼檢測等功能。我們本次的異步遠端組件將基于 vue-cli 開發(fā)
    2017-11-11
  • vue如何使用watch監(jiān)聽指定數(shù)據(jù)的變化

    vue如何使用watch監(jiān)聽指定數(shù)據(jù)的變化

    這篇文章主要介紹了vue如何使用watch監(jiān)聽指定數(shù)據(jù)的變化，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
    2022-04-04
  • vue動態(tài)設置路由權限的主要思路

    vue動態(tài)設置路由權限的主要思路

    這篇文章主要給大家介紹了關于vue動態(tài)設置路由權限的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
    2021-01-01
  • Vue重要修飾符.sync對比v-model的區(qū)別及使用詳解

    Vue重要修飾符.sync對比v-model的區(qū)別及使用詳解

    這篇文章主要為大家介紹了Vue中重要修飾符.sync與v-model的區(qū)別對比及使用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
    2022-07-07
  • Vue elementUI 自定義表單模板組件功能實現(xiàn)

    Vue elementUI 自定義表單模板組件功能實現(xiàn)

    在項目開發(fā)中，我們會遇到這種需求，在管理后臺添加自定義表單，在指定的頁面使用定義好的表單，這篇文章主要介紹了Vue elementUI 自定義表單模板組件,需要的朋友可以參考下
    2022-12-12
  • 關于vue中如何監(jiān)聽數(shù)組變化

    關于vue中如何監(jiān)聽數(shù)組變化

    這篇文章主要介紹了關于vue中如何監(jiān)聽數(shù)組變化，對vue感興趣的同學，必須得參考下
    2021-04-04
  • 解決Vue的項目使用Element ui 走馬燈無法實現(xiàn)的問題

    解決Vue的項目使用Element ui 走馬燈無法實現(xiàn)的問題

    這篇文章主要介紹了解決Vue的項目使用Element ui 走馬燈無法實現(xiàn)的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
    2020-08-08
  • vue過濾器用法實例分析

    vue過濾器用法實例分析

    這篇文章主要介紹了vue過濾器用法,結合實例形式總結分析了vue.js常見過濾器相關使用技巧與操作注意事項,需要的朋友可以參考下
    2019-03-03

最新評論