需求: 项目中有很多家公司 有很多不同的公共请求地址,想着 能打一个包 然后在dist包中直接更改路径就可以,不用重复多次打包
在public/index.html 中设置
<script>
window.baseURL='https://www.baidu/'
</script>
然后在设置baseURL的地方,那到这个值就可以了
let setAxios = axios.create({
baseURL:window.baseURL,
timeout: 20000,
});
export default setAxios
同时还要在vue.config.js中设置打包路径
module.exports = {
publicPath: './',
outputDir: "dist", // 输出文件目录
lintOnSave: false, // eslint 是否在保存时检查
assetsDir: 'static', // 配置js、css静态资源二级目录的位置
devServer: {
open: true,
host: '0.0.0.0',
port: 8080,
https: false,
disableHostCheck: true,
}
}
以上就可以在打包完成之后 在dist文件夹下 修改index.html中的window.baseURL的路径 不用重复打包就可以了