首页 / VUE / vue.config.js 极简化配置 参考！

vue.config.js 极简化配置 参考！

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了vue.config.js 极简化配置 参考！，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含730字，纯文字阅读大概需要2分钟。

内容图文

前提：

在开发环境下，axios.defaults.baseURL = ‘‘， 即不设置axios的前缀 ！

方法一：

技术分享图片

 

 

 这个是接口在开发环境中的接口形式，以/api 形式开头。

然后vue.config.js 配置如下

module.exports = {
    publicPath: ‘‘, // 为空，则项目可放在服务器任何位置
    outputDir: "../teamemory", //打包后的文件夹名字及路径
    devServer: {  // 开发环境跨域情况的代理配置        proxy: {
            ‘/api‘: {
                target: ‘https://inter.taotiangou.net‘
            }
        }
    }
}

方法二：

接口地址还是  /api/xx  开头

vue.config.js 还可以配置如下

module.exports = {
    publicPath: ‘‘, // 为空，则项目可放在服务器任何位置
    outputDir: "../teamemory", //打包后的文件夹名字及路径
    devServer: {  // 开发环境跨域情况的代理配置        proxy: {
            ‘/api‘: {
                target: ‘https://inter.taotiangou.net/api‘,  // 此处不同
                pathRewrite: {
                    ‘^/api‘: ‘‘  // 此处不同
                }
            }
        }
    }
}

 参考：

https://blog.csdn.net/Liu_yunzhao/article/details/90520028

原文：https://www.cnblogs.com/teamemory/p/12398394.html

内容总结

以上是互联网集市为您收集整理的vue.config.js 极简化配置 参考！全部内容，希望文章能够帮你解决vue.config.js 极简化配置 参考！所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1261068.html

来源：【匿名】