久久r热视频,国产午夜精品一区二区三区视频,亚洲精品自拍偷拍,欧美日韩精品二区

您的位置:首頁技術文章
文章詳情頁

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

瀏覽:117日期:2022-12-08 08:55:30

開發環境 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'’ //本地請求前綴})

線上開發環境 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請求前綴

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

main.js中添加:

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

使用方法:

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

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

標簽: Vue
相關文章:
主站蜘蛛池模板: 米脂县| 景泰县| 正宁县| 乡城县| 昆明市| 高台县| 内江市| 齐河县| 新营市| 苗栗县| 团风县| 报价| 鱼台县| 宁武县| 大厂| 赞皇县| 习水县| 棋牌| 泗洪县| 桂阳县| 晋城| 渑池县| 盐源县| 南华县| 蒙自县| 北流市| 丽江市| 蓬莱市| 鄱阳县| 德安县| 武义县| 宁武县| 石河子市| 玛曲县| 清水县| 邳州市| 南投县| 鄢陵县| 新绛县| 哈尔滨市| 松溪县|