vue项目打包后配置服务器地址以及接口超时时间,不需要再次打包

vue项目打包后配置服务器地址以及接口超时时间,不需要再次打包_第1张图片

// 创建axios实例dev、prod、本地配置的需要改成你们自己的地址
const BASE_URL = process.env.NODE_ENV !== ‘production’ ? ‘http://192.168.1.56:8080’ : window.g.vueAppServerUrl
const service = axios.create({
baseURL: BASE_URL,
timeout: window.s.time // 请求超时时间
});
//创建public文件index.html
vue项目打包后配置服务器地址以及接口超时时间,不需要再次打包_第2张图片
vue项目打包后配置服务器地址以及接口超时时间,不需要再次打包_第3张图片
1.创建一个public文件然后在建一个index.html
2.在axios里面先校验是否是线上或者本地运行的,如果是线上运行就获取配置的地址window.g.vueAppServerUrl(window后面的名字看你自己自定义)
3.打包后生成的index.html就是public里面创建的index.html可以在服务上随便改地址不用再次打包
(这是没有配置反向代理的情况下,如果有配置,可以直接在里面配置)

你可能感兴趣的:(vue,vue.js,前端,javascript,vue)