美文网首页
vue优雅的配置开发环境和生产环境

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

作者: 大山的那边 | 来源:发表于2018-05-22 16:32 被阅读0次

    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'

    相关文章

      网友评论

          本文标题:vue优雅的配置开发环境和生产环境

          本文链接:https://www.haomeiwen.com/subject/iafkjftx.html