美文网首页
Vue-(7)Ajax(axios)补充-给生产环境和开发环境配

Vue-(7)Ajax(axios)补充-给生产环境和开发环境配

作者: 物非0人非 | 来源:发表于2021-08-25 17:33 被阅读0次

第一步:设置不同的接口地址

找到文件:/config/dev.env.js  代码修改为:

var merge = require('webpack-merge')
var prodEnv = require('./prod.env')
  
module.exports = merge(prodEnv, {
  NODE_ENV: '"development"',<br>  //添加
  API_ROOT: '"//192.168.1.8/api"'
})

找到文件:/config/prod.env.js 代码修改为:

module.exports = {
  NODE_ENV: '"production"',
    //添加
  API_ROOT: '"//www.baidu.com/api"'
}

第二步:调用axios的文件下修改baseUrl

axios.defaults.baseURL = process.env.API_ROOT

最后重启项目:

这样在开发环境执行npm run dev 的时候,就调用的是

192.168.1.8/api<br> 而在执行npm run build打包的时候则调用的是
www.baidu.com/api

相关文章

  • Vue-(7)Ajax(axios)补充-给生产环境和开发环境配

    第一步:设置不同的接口地址 找到文件:/config/dev.env.js 代码修改为: 找到文件:/config...

  • vue.js 核心知识点七

    目录 - 7.1 vue项目中,定义全局函数 全局变量 - 7.2 Vue axios 给开发环境和生产环境配置不...

  • react axios设置统一请求地址 / react axio

    思路:axios设置公共请求头:通过axios配置,设置统一的baseURL;开发环境 & 生产环境接口地址: 通...

  • vue配置开发环境和生产环境(axios)

    vue-cli版本2.9.6 一 配置开发环境 一般情况下开发环境是会跨域的,所以我们只需要在跨域的位置配置即可。...

  • vue3.0 多环境配置

    最常见的多环境配置,就是开发环境配置,和生产环境配置(也就是上线的配置),很多情况下我们开发环境下的域名,和一些配...

  • 前端跨域之withCredentials

    问题描述:vue 本地开发环境是通过axios直接请求后台,生产环境采用nginx代理;今天本地开发被跨域请求的问...

  • Springboot项目属性文件配置

    Springboot 配置指南 项目中会遇到多个环境,比如生产环境,预发布环境,测试环境,开发环境等。每个环境的配...

  • Vue-(7)Ajax(axios)

    Vue.js 2.0版本推荐使用 axios 来完成 ajax 请求。 Axios 是一个基于 Promise 的...

  • 生产环境、开发环境、测试环境

    生产环境付费用户用的服务器,开发的东西给用户用; 开发环境生产的东西只给自己和公司的人用; 测试环境自己电脑上开个...

  • VUE项目多环境配置.md

    web项目开发,通常需要有开发环境、测试环境和生产环境,用于配置不同的环境变更,如调用本地接口、测试接口和生产接口...

网友评论

      本文标题:Vue-(7)Ajax(axios)补充-给生产环境和开发环境配

      本文链接:https://www.haomeiwen.com/subject/uzkeiltx.html