vue优雅的配置开发环境和生产环境

1.   config 文件下新建  proxyConfig.js 文件

2.  拷贝代码:

 module.exports = {

          proxy: {

           '/api': {

            target:'http://192.168.5.188:8080',  // 接口域名

             changeOrigin:true,  //是否跨域

              pathRewrite: {

          '^/api':''  //需要rewrite的,

              }

                              }

              }

                         }


3. dev.env.js  改为

'use strict'

const merge = require('webpack-merge')

const prodEnv = require('./prod.env')

module.exports =merge(prodEnv, {

NODE_ENV:'"development"',

  API_ROOT:'"/api"'

})


4.prod.env  改为

'use strict'

module.exports = {

NODE_ENV:'"production"',

  API_ROOT:'"http://xxxx.com"'

}


5. config文件夹下的index.js

  头部添加语句;   var proxyConfig = require('./proxyConfig')

  然后改为:

   proxyTable:proxyConfig.proxy,


6.  main.js 定义  挂载vue原型上面

Vue.prototype.baseUrl = process.env.API_ROOT


7.用的时候直接:

  this.$baseUrl + '/xx/xx'

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容