vue开发环境和⽣产环境配置jsp和vue开发的优缺点
开发环境配置
⼀般情况下开发环境是会跨域的，所以我们只需要在跨域的位置配置即可。进⼊config/index.js，在proxyTable对象⾥⾯添加代码，如下'/api': {
target: 'localhost:8082', //开发环境，设置调⽤接⼝域名和端⼝号别忘了加http
changeOrigin: true,
pathRewrite: {
'^/api': '/' //这⾥理解成⽤‘/api’代替target⾥⾯的地址，组件中我们调接⼝时直接⽤/api代替
// ⽐如我要调⽤'0.0.0.0:3000/user/add'，直接写‘/api/user/add’即可代理后地址栏显⽰/
}
}
⽣产环境配置
进⼊v.js，添加属性BASE_API为⾃⼰的⽣产环境地址即可，如下
'use strict'
NODE_ENV: '"production"',
BASE_API: '"192.168.1.11:8080"',
}
调后台接⼝
新建request.js⽂件
import axios from 'axios'
// 创建axios实例
const service = ate({
baseURL: v.NODE_ENV==='production' ? v.BASE_API : "/api",
timeout: 20000
})

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。