码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2020-03-02 22:30:59      阅读:102      评论:0      收藏:0      [点我收藏+]

标签:exp   pre   文件夹   net   out   pat   代理配置   服务器   proxy   

前提:

在开发环境下,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‘: ‘‘  // 此处不同
                }
            }
        }
    }
}

 

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

标签:exp   pre   文件夹   net   out   pat   代理配置   服务器   proxy   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!