vue中使用axios给生产环境和开发环境配置不同的 baseUrl:process.env.BASE_API
第一步:设置不同的接口地址找到文件:/config/dev.env.js代码修改为:const merge = require('webpack-merge')const prodEnv = require('./prod.env')module.exports = merge(prodEnv, {NODE_ENV: '"development"',API_ROOT...
·
第一步:设置不同的接口地址
找到文件:/config/dev.env.js
代码修改为:
const merge = require('webpack-merge')
const prodEnv = require('./prod.env')
module.exports = merge(prodEnv, {
NODE_ENV: '"development"',
API_ROOT: '"//192.168.100.121/api"'
})
/config/prod.env.js代码修改为:
module.exports = merge(prodEnv, {
NODE_ENV: '"development"',
API_ROOT: '"//www.baidu.com/api"
'
})
第二步:调用axios的文件下修改baseUrl
const service = axios.create({
baseURL: process.env.BASE_API, // api 的 base_url
timeout: 5000 // request timeout
})
或者
axios.defaults.baseURL = process.env.API_ROOT
最后重启项目:
这样在开发环境执行npm run dev 的时候,就调用的是
192.168.100.121/api而在执行npm run build打包的时候则调用的是www.baidu.com/api
更多推荐
已为社区贡献1条内容
所有评论(0)